02-1. 기본 자료형

  • 자료(data) : 프로그램이 처리할 수 있는 모든 것
  • 자료형(data type) : 자료 형태에 따라 나눠 놓은 것

문자열 자료형

  • 작은 따옴표 또는 큰 따옴표로 감싸면 문자열이 만들어짐
  • 문자열 안에 따옴표 사용
    -내부에 작은따옴표를 사용하면 외부는 큰 따옴표 "this is 'string'"
    -내부에 큰따옴표를 사용하면 외부는 작은 따옴표 'this is "string"'
  • 따옴표를 문자 그대로 사용하고 싶다면 따옴표 앞에 \를 사용
    "this is \"string\"" → this is "string"

이스케이프 문자(\)

\n : 줄바꿈
\t : 탭
\\: 역슬래시(\) 그 자체를 의미

문자열에 적용할 수 있는 처리

  1. 문자열 연결 연산: 문자열 + 문자열
    '안녕' + '하세요' → 안녕하세요
  2. 문자 선택 연산: 문자열[인덱스] → 문자 하나
    이때 위치를 나타내는 숫자를 인덱스(index)라고 부름 (0부터 시작)
    "안녕하세요"[0] → 안
    "안녕하세요"[1] → 녕
  3. 문자열의 길이: 문자열.Length
    "안녕하세요".length → 5
    "자바스크립트".length → 6

숫자 자료형

  • 수로 나타내는 모든 것을 숫자 자료형으로 인식
  • 숫자 연산자 : 기본적인 사칙연산 (+, -, *, /)
  • 나머지 연산자 : 나머지 출력 (%)
    10 % 20
    10 % 31
    10 % 42

불 자료형

-참과 거짓 값을 표현할 때 → true, false
-불린(boolean)이라고도 표기

비교 연산자

<, >, <=, >= 크다, 크거나 같다
=== 양쪽이 같다
!== 양쪽이 다르다

  • 비교 연산자가 오른쪽으로만 입을 벌리게 하는 방식, 변수를 왼쪽에 쓰는 방식을 많이 씀
    x <= 3 / -2 < x

  • 불 표현식 이해하기 (조건문)

    <script>
    	if(22 < 5) {
       	alert('22는 5보다 작습니다.')
       }
       if(22 > 5){
       	alert('22는 5보다 큽니다.')
       }
    </script>
    → 실행 결과 : 225보다 큽니다.

불 부정 연산자

  • !기호를 사용하며 참을 거짓으로, 거짓을 참으로 바꿈
    !truefalse
    !falsetrue
    !(10 === 10)false
    !("안녕".length >= 5)true
  • 연산자는 피연산자의 개수에 따라서 단항 연산자, 이항연산자, 삼항 연산자로 구분
    -단항 연산자 : 피연산자가 하나
    -이항 연산자 : 피연산자가 두개
    -10		//피연산자가 -10으로 1개 → 단항 연산자
    10 + 20		//피연산자가 10과 20으로 2개 → 이항 연산자
    true ? 10 : 20 	//피연산자가 true, 10, 20으로 3개 → 삼항 연산자

불 논리합/논리곱 연산자

연산자 : || (또는) 논리합 연산자. 양쪽 변의 값 중 하나만 true여도 true를 결과로 냄.
연산자 : && (그리고) 논리곱 연산자. 양쪽 변의 값이 모두 true일 때 true를 결과로 냄. 이외에는 모두 false

부등식과 비교연산자

  • 범위 표현할 때 쓰임(논리연산자)
    -3 <= x && x < 2
  • 이차 부등식의 해
    α <= x < β → α <= x && x < β (닫힌 범위를 나타낼 때)
    x < α 또는 β < x → x < α || β < x (열린 범위를 나타낼 때)

<script>
    var card = prompt("어떤 카드로 결제하시나요? ex)신한, 현대")

    if (card == "신한" || card == "삼성")
      alert("해당 카드로 결제시 10% 할인")
    else
      alert("할인 불가 카드")
  </script>

드 모르간의 법칙

  • 어떠한 조건에 부정을 걸었을 때 부정연산자를 해소하면서 논리식을 바꾸는 규칙
    !(12 <= 현재_시 && 현재_시 <= 13)
    -부등식은 반대로
    -논리곱 논리합 교체
    12 > 현재_시 || 현재_시 > 13

자료형 검사

숫자, 문자열, 불 같은 자료형을 확인할 때는 typeof 연산자를 사용
자료형 구분할때 쓰임
typeof('문자열') → "string"
typeof('true') === 'boolean' → true
typeof('문자열') === 'number' → false

템플릿 문자열

백틱(`)기호로 감싸 만듦.
문자열 내부에 '${...}'기호를 사용하여 표현식을 넣으면 표현식이 문자열 안에서 계산됨

`템플릿 문자열: ${typeof('표현식')}`"템플릿 문자열: string"

==연산자와 !=연산자

===, !== : 값과 자료형이 같은지 비교하는 연산자
==, != : 값이 같은지만 비교하는 연산자

좋은 웹페이지 즐겨찾기