JS 기본 자료형
프로그램은 자료를 입력받아 처리하고 출력하는 것이 기본이다. 이 자료를 형태에 따라 나눠 놓은 것을 자료형(Data type)이라고 한다.
자료형을 나타내는 typeof의 연산자는 string, number, boolean, undefined, function, object, symbol, bigint의 8가지 종류이지만 이번 학습에서 다룬 내용은 string, number, boolean 3가지이다.
- 문자열(string)
- " "나 ' '와 같은 따옴표는 원래 문자열을 만들때 사용하지만 따옴표 자체를 문자열로 표시하고 싶을 때는 이스케이프 문자 \ 백슬래쉬를 이용하여 작성한다.
예시 - > "This is \"string\"" => 결과값: "This is "string""
예시 - > 'This is \'string\'' => 결과값: "This is 'string'"
- \n 줄바꿈을 의미한다.
- \t 탭을 의미한다.
- \\ 역슬래쉬 그 자체를 의미한다.
- 숫자 자료형(number)
-
"" 따옴표로 감싸는 것 없이 숫자만 입력하면 JS는 숫자자료형으로 인식한다. 소수점이 있는 숫자든 없는 숫자든 모두 숫자 자료형으로 인식한다.
-
숫자 자료형은 숫자 연산자로 사칙 연산을 할 수 있다. 연산자에는 우선 순위가 존재하고 *, / 가 +, -보다 더 높은 우선 순위를 갖는다.
-
*곱하기 연산자와 / 나누기 연산자 둘 간의 경우는 앞에 표기된 순서대로 연산된다.
- 불 자료형(boolean)
-
문자형과 숫자형과는 달리 불 자료형은 true, false 두가지만으로 표현된다.
-
불 자료형은 비교연산자를 사용해서 만들 수 있다. 비교연산자 중 크고 작은 값을 비교하는 경우 문자 자료형은 사전의 앞에 있을수록 값이 작다.
예시 -> '가방' > '하마' => false
예시 -> 'orange' > 'apple' => true -
불 부정 연산자를 사용해서 불 자료형의 값을 반대로 바꿀 수 있다.
템플릿 문자열
자바스크립트는 문자열 내부에 표현식(값)을 삽입할 때 문자열 연결 연산자(+)를 사용할 수도 있지만 백틱( `)을 사용하는 템플릿 문자열을 통해서 간단하게 표현할 수 있다.
예시 ->
- 문자열 연결 연산자로 표현할 경우
console.log('표현식 273 + 52의 값은 ' + (253 + 52) + '입니다...!')
- 템플릿 문자열로 표현할 경우
console.log(`표현식 273 + 52의 값은 ${273 + 52}입니다...!`)위 두가지 콘솔 로그 값은 모두 아래와 같이 표현된다.텍스트
표현식 273 + 52의 값은 275입니다...!
