데이터 타입은 값의 종류를 말한다.
자바스크립트 ES6는 7개의 데이터 타이을 제공하며, 7개의 데이터 타입은 원시 타입과 객체 타입으로 분류된다.
| 구분 | 데이터 타입 | 설명 |
|---|---|---|
| 원시 타입 | 숫자 타입 | 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 |
| 원시 타입 | 문자열 타입 | 문자열 |
| 원시 타입 | 불리언(boolean) 타입 | 논리적 참(true)와 거짓(false) |
| 원시 타입 | undefined 타입 | var 키워드로 선언된 변수에 암묵적으로 할당되는 값 |
| 원시 타입 | null 타입 | 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 |
| 원시 타입 | 심벌 타입 | ES6에서 추가된 7번째 타입 |
| 객체 타입 | 객체 함수, 배열 등 |
숫자 타입
ECMAScript 사양에 따른 숫자 타입의 값은 배정밀도 64비트의 부동소수점 형식을 따른다. 즉, 모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다.
10이든, 10.12든, -20이든 모두 실수로 처리한다.
console.log(1 === 1.0) //true또한 선언시의 값은 2진수,8진수,16진수로 선언하여도 메모리에 잘 저장되지만, 다시 반환하여 해석할 경우에는 모두 10진수의 실수로 처리된다.
let binary = 0b01000001 // 2진수
let octal = 0o101 //8진수
let hex = 0x41 // 16진수
// 다시 호출
console.log(binary) // 65
console.log(octal) // 65
console.log(hex) // 65
console.log(binary === octal) // true
console.log(octal === hex) // true또한 무한대, NaN과 같은 속성도 나타낼 수 있다.
// 숫자 타입의 세가지 특별한 값
console.log(10 / 0) // Infinity
console.log(10 / -0) // -Infinity
console.log(1 * 'String') // NaN문자열 타입
문자열 타입은 0개 이상의 16비트 유니코드 문자(UTF-16)의 집합으로 전 세계 대부분의 문자를 표현 가능하다.
문자열은 작은따옴표(''), 큰따옴표("") 또는 백틱(``)으로 텍스트를 감싼다.
let template = 123
string = '문자열'
string = "문자열"
string = `요것도 템플릿 리터럴이라는 문자열이고, 템플릿 리터럴은 ${template} 이렇게 씁니다.`멀티라인 문자열(줄바꿈 등의 공백 표현)
| 이스케이프 시퀀스 | 의미 |
|---|---|
| \0 | Null |
| \b | 백스페이스 |
| \f | 폼 피드: 프린터로 출력할 경우 다음 페이지의 시작 지점으로 이동 |
| \n | 개행: 다음 행으로 이동 |
| \r | 개행: 커서를 처음으로 이동 |
| \t | 탭(수평) |
| \v | 탭(수직) |
| \uXXXX | 유니코드, 예를 들어 '\u0041'은 'A', '\uD55C'는 한 |
| \' | 작은따옴표 |
| \" | 큰따옴표 |
| \ | 백슬래시 |
하지만 일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄바꿈이 허용되며, 모든 공백도 있는 그대로 적용된다.
boolean, undefined, null 타입
// boolean 타입
let foo = true;
console.log(!foo); // false
// undefined 타입
let foo2;
console.log(foo2); // undefined
// null 타입(변수에 값이 없다는 것을 의도적으로 명시할때 사용, 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거한다는 의미)
foo = nullsymbol 타입
심벌 타입은 변경 불가능한 원시 타입의 값이다. 즉, 다른 값과 중복되지 않는 유일무이한 값이다.
const key = Symbol('key');
console.log(typeof key); // symbol
// 객체 생성
var obj = {};
// 이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용한다.
obj[key] = 'value';
console.log(obj[ley]); // value데이터 타입의 필요성
- 데이터 타입에 의한 메모리 공간의 확보와 참조
: 자바스크립트 엔진은 데이터 타입, 즉 값의 종류에 따라 정해진 크기의 메모리 공간을 확보한다. 즉, 변수에 할당되는 값의 데이터 타입에 따라 확보해야할 메모리 공간의 크기가 결정된다. - 데이터 타입에 의한 값의 해석
: 메모리상에 있는 데이터는 항상 2진수로 이루어져있다. 하지만 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다. 해당 비트의 나열은 데이터 타입에 따라 해석할 사항이 결정된다.
동적 타이핑
자바스크립트는 C나 java와 같이 변수 전에 타입을 미리 선언하는 정적 타입 언어 가 아니기 때문에, 미리 선언한 데이터타입의 값만 할당할 수 있는 것이 아니라, 어떠한 데이터 타입의 값이라도 자유롭게 할당할 수 있다.
하지만 선언된 변수의 타입은 각각 타입에 맞는 값을 반환한다. 이는 typeof 메소드를 통해 확인할 수 있다.
let foo;
console.log(typeof foo); // undefined
foo = 3;
console.log(typeof foo); // number
foo = 'Hello';
console.log(typeof foo); // string
foo = true;
console.log(typeof foo); // boolean
foo = null;
console.log(typeof foo); // object
foo = Symbol();
console.log(typeof foo); // symbol즉, 자바스크립트의 변수는 선언이 아닌 할당에 의해 타입이 결정된다. 그리고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다. 이를 동적 타입 언어라 한다.
이와 같은 변수를 사용할 때 주의할 사항은 다음과 같다.
- 변수는 꼭 필요한 경우에 한해 제한적으로 사용한다.
- 변수의 유효 범위(스코프)는 최대한 좁게 만들어 변수의 부작용을 억제해야 한다.
- 전역 변수는 최대한 사용하지 않도록 한다. 어디서든지 참조/변경 가능한 전역 변수는 의도치 않게 값이 변경될 가능성이 높고 다른 코드에 영향을 줄 가능성도 높다.
- 변수보다는 상수를 사용해 값의 변경을 억제한다.
- 변수 이름은 변수의 목적이나 의미를 파악할 수 있도록 네이밍한다.
