본문 바로가기
Javascript/개념

데이터 타입

by NANDEV 2022. 11. 7.

데이터 타입

자바스크립트는 7개의 데이터 타입을 제공하며, 원시 타입(primitive)과 객체 타입(object/reference) 타입으로 구분된다.

데이터 타입에 따라 확보해야하는 메모리 공간의 크기와 메모리에 저장되는 2진수가 다르며 읽어들여 해석하는 방식도 다르다.

primitive type number 정수와 실수 구분 없이 하나의 숫자 타입만 존재
  string 문자열
  boolean 논리적 ture와 false
  undefined var 키워드로 선언된 변수에 암묵적으로 할당되는 값
  null 값이 없다는 것을 의도적으로 명시할 때 사용하는 값
  symbol ES6에서 추가된 7번째 타입
object type   객체, 함수, 배열 등

 

Number

숫자 타입의 값은 배정밀도 64비트 부동소수점 형식을 따른다. 모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다.

let a = 1;
let b = 1.0;

console.log(a === b); // true

 

숫자 타입은 세가지 특별한 값을 제공한다.

  • Infinity: 양의 무한대
  • -Infinity: 음의 무한대
  • NaN(Not a Number): 산술 연산 불가
console.log(10 / 0); // Infinity
console.log(10 / -0); // -Infinity
console.log(1 * 'string'); // NaN

 

String

문자열은 0개 이상의 16비트 유니코드 문자의 집합으로 전 세계 대부분의 문자를 표현할 수 있다. 문자열은 작은따옴표(’’), 큰따옴표(””), 백틱(``)으로 감싸서 표기한다.

let string;

string = '문자열';
string = "문자열";
string = `문자열`;
string = '작은따옴표로 감싼 문자열 내의 "큰따옴표"는 문자열로 인식된다.';
string = "큰따옴표로 감싼 문자열 내의 '작은따옴표'는 문자열로 인식된다.";

 

템플릿 리터럴

ES6부터 도입된 문자열 표기법이다. 템플릿 리터럴은 멀티라인 문자열, 표현식 삽입, 태그드 템플릿 등 편리한 문자열 처리 기능을 제공한다.

let literal = `literal`;
console.log(literal);

 

멀티라인 문자열

일반 문자열 내에서는 줄바꿈(개행)이 허용되지 않기 때문에 줄바꿈 등의 공백을 표현하려면 이스케이프 시퀀스를 사용해야 하지만 템플릿 리터럴 내에서는 줄바꿈이 허용되며 모든 공백도 있는 그대로 적용된다.

// SyntaxError
let str = 'hello
world';

let str2 = `hello
world`;

 

표현식 삽입

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

템플릿 리터럴을 이용하면 쉽게 문자열을 조합할 수 있다. ${} 안에 표현식을 넣어 표현식을 삽입할 수 있고 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제 변환된다.

let first = "nan";
let last = "dev";

console.log('My name is ' + first + ' ' + last + '.'); // My name is nan dev.

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

 

Boolean

참과 거짓을 나타내는 true와 false가 있다. 불리언 타입의 값은 조건에 의해 프로그램의 흐름을 제어하는 조건문에서 자주 사용된다.

 

undefined

undefined는 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값이다. 개발자가 의도적으로 값이 없다는 것을 명시할 때는 null을 사용해야한다.

 

null

null은 변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다.

 

Symbol

Symbol은 변경 불가능한 원시 타입의 값이다. 주로 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용한다.

심벌은 Symbol 함수를 호출해 생성한다. 이때 생성된 심벌 값은 외부에 노출되지 않으며, 다른 값과 절대 중복되지 않는 값이다.

 

Object

 

데이터 타입의 필요성

  • 데이터에 맞는 크기의 메모리 공간을 확보하기 위해
    • 자바스크립트 엔진은 데이터 타입에 따라 정해진 크기의 메모리 공간을 확보한다. 즉, 변수에 할당되는 값의 데이터 타입에 따라 확보해야 할 메모리 공간의 크기가 결정된다.
  • 값을 참조할 때 한번에 읽어 들여야할 메모리 셀의 크기를 알기 위해
    • 숫자 타입은 8바이트 단위로 저장되기 때문에 자바스크립트 엔진은 8바이트 단위로 읽어와야한다는 것을 알 수 있다.
반응형

'Javascript > 개념' 카테고리의 다른 글

this  (0) 2022.11.16
브라우저의 렌더링 과정  (0) 2022.11.16
변수  (0) 2022.11.03
식별자  (0) 2022.11.01
자바스크립트란?  (0) 2022.10.31

댓글