[JavaScript] 자바스크립트의 데이터 타입

자바스크립트의 모든 값은 데이터 타입을 가지고 있으며, 이 데이터 타입은 크게 원시 타입과 객체 타입으로 나눌 수 있다. 

원시 타입

자바스크립트의 원시 타입은 객체가 아닌 다른 모든 타입을 의미한다. 

객체가 아니기 때문에 메서드를 가지지 않는다. ES2022 기준으로 총 7개의 원시 타입이 있다. 

 

undefined

undefined는 선언한 후 값을 할당하지 않은 변수 또는 값이 주어지지 않은 인수에 자동으로 할당되는 값이다. 

null

아직 값이 없거나 비어있는 값을 표현 시 사용한다. 

다른 원시값들과 다르게 "typeof"로 null을 확인할 시 해당 타입이 아니라 "object"를 반환한다. 

- undefined와 null은 각각 undefined와 null값만 가질 수 있다. 
- undefined는 선언되었지만 할당되지 않은 값이고
- null은 명시적으로 비어있음을 나타내는 값으로 사용한다. 

Boolean

참(true)와 거짓(false)를 가질 수 있는 데이터 타입.

true, false와 같은 boolean형의 값 외에도 조건문에서 취급 가능한 truthy, falsy 값이 존재한다. 

 

- falsy한 값들

값	타입	설명
false	Boolean	false는 대표적인 fasly
0, -0, 0n, 0x0n	Number, BigInt	0은 소수점에 관계 없이 falsy
NaN	Number	Number가 아닌 NaN은 falsy
'', "", ``	String	공백 없는 빈 문자열은 falsy
null	null	null은 falsy한 값
undefined	undefiend	undefined는 falsy한 값

 

Number

대부분의 언어들은 정수와 실수를 구분해 저장하지만, 자바스크립트는 모든 숫자를 하나의 타입에 저장한다. 

const maxInteger = Math.pow(2,53)
maxInteger - 1 === Number.MAX_SAFE_INTEGER //true

const minInteger = -(Math.pow(2,53)-1)
minInteger === Number.MIN_SAFE_INTEGER // true

const binary = 0b10
binary == (2).toString(2)

const octal = 0o10
octal == (8).toString(8)

const hexadecimal = 0x10
hexadecimal == (16).toString(16)

 

Bigint

bigInt에는 number의 한계를 넘어선 더 큰 숫자를 저장할 수 있다. 

String

string은 텍스트 타입의 데이터를 저장하기 위해 사용된다. 

'', "", `` 모두 사용 가능하지만,  백틱(`)을 사용한 문자열은 템플릿 리터럴이라고 해서 줄바꿈이 가능한 문자열 반환이 가능하고, 문자열 내부에 표현식 사용이 가능하다. 

자바스크립트의 문자열은 원시타입이며 변경이 불가능하다. 문자열이 한번 생성되면 그 문자열을 변경할 수 없다. 

Symbol

심볼은 중복되지 않는 어떤 고유한 값을 나타내기 위해 만들어졌다. 

심벌은 심벌 함수를 이용해 만들 수 있다. (Symbol() 사용)

//Symbol에 같은 인수를 넘겨주어도, 동일한 값으로 인정되지 않음
const key = Symbol('key')
const key2 = Symbol('key')

key === key2 //false

// Symbol.for을 사용하면 동일한 값으로 인정됨
const key3 = Symbol.for('key')
const key4 = Symbol.for('key')

key3 === key4 //true

객체 타입

7가지의 원시 타입을 제외한 자바스크립트의 대부분의 모든 타입은 객체 타입이다. 

객체 타입은 참조를 전달한다고 해서 참조 타입(reference type)으로 불린다. 

typeof [] === 'object' //true
typeof {} === 'object' //true

function hello(){}
typeof hello === 'function' //true

const hello1 = function(){}
const hello2 = function(){}

hello1 === hello2 //false; 참조가 달라서 false 반환

값을 저장하는 방식

원시 타입과 객체 타입의 객체를 저장하는 방식은 서로 다르다. (동등 비교시 차이를 발생시킴)