[자바스크립트 딥다이브] 6장 데이터 타입

# 개요

자바스크립트의 모든 값 은 데이터 타입 을 갖는다.

데이터 타입 이란 값의 종류 이며, ES6 기준으로 7 개의 데이터 타입을 제공한다.

데이터 타입은 크게 원시타입 과 객체타입 으로 나뉜다.

 

1. 원시 타입 primitive type

- number : 숫자, 정수와 실수 구분 없이 하나의 숫자 타입 만 존재한다.

- string: 문자열, 하나 이상의 문자를 의미하며, 하나의 문자 타입 만 존재한다.

- boolean: 논리적 참(true), 거짓 (false)

- undefined: var 키워드로 선언된 변수에 암묵적 으로 할당되는 값으로, 없다는 의미의 null 과는 의미가 다르다.

- null: 값이 없다 는 것을 의도적으로 명시 할 때 사용하는 값

- symbol: ES6 에서 추가된 7번째 타입으로, 유일한 값 을 표현할 때 사용한다.

 

+ 변경 불가능한 값

원시 타입은 변경 불가능한 값(immutable value) 이다.
메모리 상에 저장된 원시 타입 의 값들은 가비지 콜렉터 에 의해 해제되기 전까지는 변경되지 않은 상태로 보관 된다.

 

1) Number

- 정수와 실수 구분 없이 하나의 숫자 타입 만 존재한다.

- 배정밀도 64비트 부동소수점 형식을 따른다.

- 모든 수를 실수 로 처리한다. (정수로 보여도 사실은 실수 이다.)

- Infinity(양의 무한대), -Infinity(음의 무한대), NaN(산술 연산 불가, Not A Number) 값을 가진다.

 

2) String

-  텍스트 데이터

- 0개 이상의 16비트 유니코드 문자(UTF-16)의 집합

- 표현방법은 작은따옴표 '', 큰따옴표 "", `백틱``` 이다.

- 키워드나 식별자 같은 토큰과 구분하기 위해 텍스트 처리 한다.

- 다른 종류의 표현방법을 통해 작은 따옴표나 큰 따옴표 등을 표현할 수 있다.

 

3) 템플릿 리터럴 (Template Literal)

- ES6 부터 등장

- 런타임 에 일반 문자열로 변환되어 처리된다.

- 백틱 을 사용해 다음과 같은 기능을 표현할 수 있다.

• 멀티라인 문자열 (multi-line string)
• 표현식 삽입 (expression interpolation)
• 태그드 템플릿 (tagged template)
• 편리한 문자열 처리 기능 제공

 

3-1) 멀티라인 문자열 (multi-line string)

일반 문자열 내에서는 줄바꿈(개행) 이 불가능 하지만, 템플릿 리터럴 에서는 줄바꿈 이 가능하다.

var string = '<ul>\n\t<li><a href="#">Home</a></li>\n</ul>';

var template = `<ul>
    <li><a href="#">Home</a></li>
  </ul>`;

 // string === template

 

3-2) 표현식 삽입 (expression interpolation)

문자열은 + 연산자를 사용해 연결할 수 있다.
단, 피연산자가 문자열 이 아닌 경우 숫자 타입 으로 취급되어 덧셈 연산자 로 동작한다.

var first = 'Cho';
var last = 'DH';

// ES5: 문자열 연결
console.log('My name is' + last + ' ' + first + '.'); 

// ES6: 표현식 삽입
console.log(`My name is ${last} ${first}.`)

 

표현식 삽입 방법으로 ${내용} 으로 사용한다.
표현식 삽입에 들어간 내용이 문자열 이 아니더라도 문자열로 타입이 강제로 변환 되어 삽입된다.

const test = `${100}`;

console.log(typeof test); // string

 

4) boolean

논리적으로 참(true) 혹은 거짓(false) 를 갖는 타입이다.

 

5) undefined

undefined 타입의 값은 undefined 가 유일하다.
var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화되는데, 이는 변수 선언 에 의해 확보된 메모리 공간을 처음 할당 이 이뤄질 때까지 자바스크립트 엔진이 undefined 로 초기화 하기 때문이다.
개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화 할 때 사용하는 값
변수 에 값이 없다 는 것을 명시하고 싶다면 null 을 사용하라.

 

6) null

null 타입은 null이 유일
대소문자 구분한다. (Null 은 null 이 아니다. Null 은 예약어가 아니기 때문에 식별자 이름으로 사용할 수 있다.)
의도적 부재(intentional absence) 를 선언할 때 사용한다.
변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다 는 의미이다.
함수가 유효한 값을 반환할 수 없는 경우 시적으로 null 을 반환하기도 함

 

7) symbol

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

 

2. 객체 타입 object/reference type

객체타입은 객체, 함수, 배열 등이 있다.
자바스크립트는 객체 기반 언어 로, 자바스크립트를 이루고 있는 거의 모든 것이 객체이다.

 

+ 변경 가능한 값

객체 타입은 변경 가능한 값(mutable value) 이다. 또한, 참조되는 값 이다.
객체는 하나의 메모리 주소를 가지며, 이 메모리 주소에 저장된 객체 내부의 키 값을 통해 밸류 값을 참조한다.

 

3.  데이터 타입의 필요성

1) 데이터 타입에 의한 메모리 공간의 확보와 참조

자바스크립트 엔진은 데이터 타입, 즉 값의 종류 에 따라 정해진 크기의 메모리 를 확보 한다.
메모리에 값을 저장하려면 먼저 확보해야 할 메모리 공간의 크기를 결정 해야하고, 몇 바이트의 메모리 공간을 사용해야 낭비와 손실 없이 값을 저장 할 수 있는지 알아야한다.

 

2) 데이터 타입에 의한 값의 해석

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

 

# 동적 타이핑

1. 동적 타입 언어와 정적 타입 언어

1) 정적 타입 언어 (static/strong type)

• 변수를 선언할 때 변수에 할당할 수 있는 타입 선언 (명시적 타입 선언)
• 컴파일 시점에 타입체크
• 타입의 일관성 강제
• 안정적인 코드 구현과 런타임시 발생하는 에러 감소

2) 동적 타입 언어 (dynamic typing)

• 자바스크립트의 변수는 선언이 아닌 할당에 의해 타입이 결정한다.
• 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다.

3) 자바스크립트

• 기본적으로 변수는 타입을 갖지 않는다.
• 하지만 값은 타입을 갖는다.