본문 바로가기
Front-End/JavaScript

자료형(Data Type)

by 연제원 2021. 1. 7.

변수는 '데이터를 저장하고 읽고 쓰고 할 수 있는 공간' 이라고 했다.

그렇다면 이 데이터에는 어떤 종류가 있을까?

 

✅ 자료형(Data type) 이란?

프로그램에서 다룰 수 있는 값(데이터)의 종류

자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이를 기본 타입이라고 한다.

자바스크립트의 기본 타입은 크게 원시 타입(Primitive Type)객체 / 참조 타입(Object / Reference Type)로 구분할 수 있다.


🖋 원시 타입(Primitive Type)

원시 타입의 값은 변경 불가능한 값(immutable value)이며 값을 그대로 저장한다.

종류

boolean
null
undefined
number
string
symbol (ECMAScript 6 에 추가)

불린(boolean)

따옴표없이 true 나 false를 사용

let 변수명 = true;
let 변수명 = false;

 

null / undefined

둘 다 빈 값이지만 차이가 있다.
undefined는 변수를 만들고 아무 데이터도 집어넣지 않았을 때 자동으로 undefined가 된다. (정의되지 않음 이라는 뜻)
null은 빈 값을 변수에 의도적으로 넣는다. (기존 값을 지울 때 사용) 

let a =; // undefined
a;       // undefined

let b = 1;
b = null;
b;      // null

 

숫자열(number)

단순히 숫자

let num1 = 1;
let num2 = -1;
let num3 = 0;

 

문자열(string)

큰따옴표(" ")나 작은 따옴표(' ') 중에 하나를 사용한다.

let str1 = 'jewon';

 

symbol (ECMAScript 6 에 추가)

 


🖋 객체 / 참조 타입(Object / Reference Type)

원시 타입을 제외한 나머지 값객체(object) 배열(array), 함수(function), 정규표현식()... 은 모두 객체다.

변수에 값을 주소로 저장하고, 출력시 주소에 일치하는 값을 출력한다.

let arr = [1, 2, 'hello']     // 배열(array)
let obj = {a: 1, b:'hello'}   // 객체(object)

'Front-End > JavaScript' 카테고리의 다른 글

Closure  (0) 2021.01.08
Scope  (0) 2021.01.08
원시 타입 VS 참조 타입  (0) 2021.01.07
변수(Variable)  (0) 2021.01.07
매개변수(parameter) vs 인자(argument)  (0) 2021.01.04

댓글