[JS] 모던자바스크립트 Deep Dive - 데이터 타입

6장 데이터 타입(Data Type)

• ES6부터는 7개의 데이터 타입을 제공한다.
• 7개의 데이터 타입은 원시 타입(Primitive Type)과 객체 타입(Object/Reference Type)으로 분류할 수 있다.

데이터 타입

숫자 타입(Number Type)

• C언어나 Java의 경우 정수와 실수를 구분하여 int, long, float, double 등과 같은 다양한 숫자 타입을 제공한다.
• Javascript는 독특하게 하나의 숫자 타입만 존재한다.
• Javascript는 모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다.

숫자 타입은 추가적으로 세 가지 특별한 값도 표현할 수 있다.

• Infinity: 양의 무한대
• -Infinity: 음의 무한대
• NaN: 산술 연산 불가(Not a Number)

console.log(10 / 0) // Infinity
console.log(10 / -0) // -Infinity
console.log(1 * 'String') // NaN

문자열 타입(String)

• 문자열 타입은 텍스트 데이터를 나타내는 데 사용한다.
• 문자열은 작은따옴표('', Single Quotation), 큰 따옴표("", Double Quotation), 백틱(``, backtick)으로 텍스트를 감싼다.
• Javascript의 문자열은 원시 타입(Primitive Type)이며, 변경 불가능한 값(Immutable Value)이다.

var string;
string = '문자열' // 작은 따옴표
string = "문자열" // 큰 따옴표
string = `문자열` // 백틱

템플릿 리터럴(Template Literal)

• ES6부터 템플릿 리터럴이라는 새로운 문자열 표기법이 도입되었다.
• 템플릿 리터럴은 멀티라인 문자열, 표현식 삽입, 태그도 템플릿 등 편리한 문자열 처리 기능을 제공한다.
• 일반 문자열과 비슷하지만 작은따옴표('') 또는 큰 따옴표("") 같은 일반적인 따옴표 대신 백틱(``)을 사용하여 표현한다.

멀티라인 문자열

• 일반 문자열 내에서는 줄 바꿈(개행)이 허용되지 않는다.
• 일반 문자열에서 줄 바꿈 혹은 공백을 표현하려면 백 슬래시\로 시작하는 이스케이프 시퀀스(Escape Sequence)를 사용해야 한다.

멀티라인 문자열

• 일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄 바꿈이 허용되며, 모든 공백도 있는 그대로 적용된다.

표현식 삽입

• 문자열은 + 연산자를 사용하여 연결이 가능하다.
• +는 피연산자 중 하나 이상이 문자열인 경우 연결 연산자로 동작한다. 그 외의 경우는 덧셈 연산자로 동작한다.

var first = 'eun';
var last = 'Namgung';

console.log('My name is ' + first + ' ' + last + '.');
// My name is Eun Namgung.

• 템플릿 리터럴 내에서는 표현식 삽입을 통해 간단하게 문자열 삽입이 가능하다.
• 템플릿 리터럴에서 표현식을 삽입하려면 ${} 으로 표현식을 감싼다.

var first = 'eun';
var last = 'Namgung';

console.log(`My name is ${first} ${last}.`);
//My name is Eun Namgung.

• 주의할 점은, 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제 변환되어 삽입된다.

console.log(`1 +2 = ${1+ 2}`); // 1+2=3

불리언 타입(Boolean Type)

• 불리언 타입은 논리적 참 혹은 거짓을 나타내는 true와 false로 이루어져 있다.

var js = true;
console.log(js); //true

js = false;
console.log(js); // false

undefined 타입

• undefined의 값은 undefined가 유일하다.

var foo;
console.log(foo); // undefined

위 예제에서 var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화된다. 변수 선언에 의해 확보된 메모리 공간을 처음 할당이 이뤄질 때까지 빈 상태로 내버려 두지 않고 Javascript 엔진이 undefined로 초기화한다.

null 타입

• null 타입의 값 또한 null이 유일하다.
• Javascript는 대소문자를 구별하게 null은 Null, NULL 등과 다르다.
• null은 변수에 값이 없다는 것을 의도적으로 표현하기 위해서 사용한다.
• 위에서 변수를 선언한 후 null을 할당하는 것은 이전에 참조한 값을 더 이상 참조하지 않겠다는 의미이다.
• 함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null을 반환하기도 한다.

var foo = 'Namgung';
foo = null;

심벌 타입(Symbol Type)

• ES6에서 추가된 7번째 타입으로, 변경 불가능한 원시 타입의 값이다.
• 심벌 값은 다른 값과 중복되지 않는 유일무이한 값이다. 주로 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용한다.
• 심벌 이외의 원시 값은 리터럴을 통해 생성하지만 심벌은 Symbol 함수를 호출해 생성한다.
• 생성된 심벌 값은 외부에 노출되지 않으며, 다른 값과 절대 중복되지 않는 유일무이한 값이다.

// 심벌 값 생성
var key = Symbol('key');
console.log(typeof key); // symbol

// 객체 생성
var obj= {};

// 이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용한다.
obj[key] = 'value';
console.log(obj[key]); // value

데이터 타입의 필요성

• 값을 저장할 때 확보해야 할 메모리 공간의 크기를 결정하기 위해
• 값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해
• 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해

동적 타이핑

정적 타입 언어, 동적 타입 언어

• 정적 타입 언어(Static Type): 변수를 선언할 때 변수에 할당할 수 있는 값의 종류, 즉 데이터 타입을 사전에 선언해야 한다. 이를 명시적 타입 선언(Explicit Type Declaration)이라 한다.
• 동적 타입 언어(Dynamic Type): Javascript의 변수는 선언이 아닌 할당에 의해 타입이 결정(타입 추론 Type Inference)되고, 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다.

동적 타입 언어와 변수

• 동적 타입 언어의 변수는 값의 변경에 의해 타입도 언제든지 변경될 수 있다.
• 동적 타입 언어는 유연성은 높지만 신뢰성은 떨어진다.
• 따라서 변수를 사용할 때 주의사항이 많아진다.

 

참고하면 좋을 글

[모든 자바스크립트 개발자가 알아야 하는 33가지 개념] 2. 원시자료형(Primitive Types)

[모든 자바스크립트 개발자가 알아야 하는 33가지 개념] 4. 암시적 형변환, 명시적 형변환, Nominal,