[혼자 공부하는 자바스크립트] 2장. 자료와 변수

02-1. 기본 자료형

문자열 자료형

• 큰따옴표, 작은따옴표 항상 일관되게 사용
• 이스케이프 문자\
  • \" : " 따옴표 그대로 사용
  • \n : 줄 바꿈
  • \t : 탭
  • \\ : \ 그 자체

숫자 자료형

• 연산자 우선순위 고려
• 나누기 연산자 /
• 나머지 연산자%

불 자료형

• >= : 왼쪽이 더 크거나 같다 (순서중요)
• <= : 왼쪽이 더 크거나 같다 (순서중요)
• 단항 연산자 : 피 연산자가 1개일 때
  • !true : 1항 연산자
  • -10 : 1항 연산자
  • 10 +20 : 2항 연산자
• 불 논리 합/ 논리 곱 연산자
  • && 논리곱 연산자 : 모두 true 일때 true
  • || 논리 합 연산자 : 1개만 true 일때도 true

자료형 검사

• typeof 연산자
• 뒤 괄호 없어도 가능
  • typeof('문자열')
  • typeof '문자열'

탬플릿 문자열

• 기존 형태 : '표현식 273 + 52의 값은' + (273+ 52) + '입니다!'
• 탬플릿 문자열 적용 : 표현식 273 + 52의 값은 ${273 + 52}입니다

!== 연산자와 != 연산자

• !==, === : 값과 자료형이 같은지 비교
• !=, == : 값이 같은지 비교

02-2. 상수와 변수

• 상수 : 항상 같은 수, 수정 불가
  - 쌓아서 저장 가능
• 변수 : 변할 수 있는 수, 값 수정 가능
  - 저장 효율이 나쁨

상수

• 상수를 선언 : const
• Identifier has already declared
  • 특정한 이름의 상수는 한파일에서 한번만 선언 가능
  • 두 번 선언했을 시 오류 발생

Uncaught SyntaxError : Identifier 'name' has already been declared

• Missing initializer in const declaration
  • 상수는 반드시 값을 지정해야함
  • 값 지정해주지 않으면 오류 발생

Uncaught SyntaxError :Missing initializer in const declaration

• Assignment to constant variable
  - 값을 변경할 수 없음

TypeError :Assignment to constant variable

변수

• Identifier has already been declared
  • 변수를 한번더 '선언'할 때 생기는 오류

Uncaught SyntaxError : Identifier has already been declared

• var은 선언도 여러번 가능, 범위의 모호성 => 사용하지 않음

변수에 적용할 수 있는 연산자

• 변수는 복합 대입 연산자와 증감 연산자를 사용할 수 있음
• 복합 대입 연산자 : +=, -=, *=, /=, %=
• 증감 연산자 : 변수++, ++변수, 변수--, --변수
• 후위 : 해당 문장을 실행 한 후 값을 더하는 의미

undefined 자료형

• 상수와 변수로 선언하지 않은 식별자

> typeof(abc)
"undefined"

• 값이 없는 변수

> let a
"undefined"

02-3. 자료형 변환

문자열 입력

prompt(메시지문자열, 기본 입력 문자열)

불 입력

confirm(메시지문자열)

숫자 자료형으로 변환하기

Number(자료)

• 숫자로 변환 할 수 없는 경우 NaN 출력
• 불값을 숫자로 변환하면

> Number(true)
1
> Number(false)
0

• 숫자 연산자를 사용해 자료형 변환
  • true - 0 : 1
  • typeof(true - 0) : number
  • typeof("52" - 0 ) : nubmer

문자열 자료형으로 변환하기

String(자료)

• 문자열 연산자를 뒤에 더하기
  - 273 + "" : "273"
  - true + "" : "true"
  

불 자료형으로 변환하기

Boolean(자료)

• 대부분 불로 변환 : true
• 0, NaN,'...', null, undefined : 총 5개는 false
• 논리 부정 연산자를 사용해 자료형 변환
  • !!0 : false
  • !!273 : true