1. 기본 자료형

 

※ Java 언어를 이미 확습을 완료한 상태이므로, JavaScript 글은 Java와 다르거나 헷갈리는 내용 위주로 정리하고자 한다.

 

1. 문자열 (String)

기본적으로  작은따옴표(' ') 또는 큰따옴표(" ")를 사용해서 문자열을 생성한다.

 

이스케이프 문자 (\)

• 따옴표를 문자 그대로 사용하고 싶으면 따옴표 앞에 이스케이프 문자(\)를 사용한다.
• ex) "This is \"string\""  -> "This is "string""
• \n : 줄바꿈
• \f : 탭
• \\ : 역슬래시(\) 그 자체

 

문자열 연산자

• 문자열 + 문자열 : 문자열을 서로 이어서 연결   ex) '가나다' + '라마'  -> "가나다라마"
• 문자열[숫자] : 문자열 내부에서 숫자에 해당하는 위치의 문자 하나를 선택   ex) '안녕하세요'[1] -> "녕"
• 문자열 .length : 문자열 내부의 문자 개수 반환  ex) "안녕하세요" .length -> 5
• typeof '문자열' : 문자열의 타입 반환  ex) typeof  '안녕하세요' -> "string"

 

2. 숫자 자료형

• 자바스크립트는 소수점이 있는 숫자와 없는 숫자 모두 같은 숫자 자료형으로 인식한다.
• 숫자를 쓸 때는 따옴표를 사용하지 않아도 된다.

 

숫자 표현법

• e + '0의 개수' :0이 많이 쓰일 경우, 연속적으로 사용된 0의 개수를 적어 표현 가능 
• ex) 5e4 -> 50000, 5e-4 -> 0.0005 , 1.23e6 -> 1.23 * 1000000
• NaN : Not-A-Number (숫자가 아님) 을 의미

 

숫자 변환 (parseInt, Number)

• parseInt('문자열') , Number('문자열') : 문자열을 숫자로 바꿔준다.
• parseFloat('문자열') : 문자열을 소수인 숫자로 바꿔준다. 참고로 parseInt는 정수인 숫자로 변환한다.
• 문자열 + 다른 자료형 : 문자열과 다른 자료형을 더하면, 다른 자료형이 문자열로 바뀐 후 문자열과 더해진다.
• ex) parseInt('124') -> 124 : 문자열 '124'를 숫자 124로 변환
• ex) Number('124') + 5  -> 129

cf)

• String(자료) : 다른 자료형을 문자열 자료형으로 변환
• Boolean(자료) : 다른 자료형을 불 자료형으로 변환

 

 

연산

• ** : 거듭제곱 연산자  ex) 3**2 -> 9 , 2**3 -> 8
• Infinity : 무한대를 나타내는 값  ex) 2 / 0 -> Infinity , -2 / 0 -> -Infinity
• 실수 계산을 할 때 값의 오차가 발생할 수 있기 때문에, 실수를 정수로 바꿔서 계산하고 마지막에 다시 실수로 바꾼다. 

 

3. 불 값 (boolean)

불 값을 표현할 때는 따옴표로 감싸지 않고, true와 false 값을 갖는다.

 

비교 연산자

• ==, !=, >, <, >=, <=, &&, ||
• === : 값 뿐만 아니라 자료형까지 같은지 비교
• !== : 값 뿐만 아니라 자료형까지 다른지 비교
• 자료형이 다른 경우에는 형 변환을 한 후 비교한다.

 

• NaN == NaN  ->  false
• true > false  ->  true
• 'b' > 'a'  ->  true
• '1' == 1  -> true
• '1' === 1  -> false

 

4. 빈 값

undefined

• 반환할 결과값이 없음을 의미
• 선언은 되었으나 값을 할당하지 않은 경우 (초기값을 설정하지 않은 경우)
• undefined과 false는 다른 값

null

• 의도적으로 값이 없다는 것을 표현하고자 할 때 사용
• 데이터의 존재 여부를 체크할 때 사용하기도 한다.
• null과 false는 다른 값