데이터 타입(Data Types)

데이터 타입은 프로그래밍 언어의 기본적인 구성요소입니다.
데이터 타입의 기본적인 내용과 데이터 타입의 종류를 알아보고자 합니다.

1. 데이터 타입

데이터 타입이란 변수를 선언할 때, 숫자나 문자열 또는 이 외의 것들을 변수에 저장하는 데이터 종류를 말합니다.

C나 Java 와 같은 프로그래밍 언어에는 정수 타입 변수(int), 부동소수점 타입 변수(double) 등이 있어 그 변수의 타입과 일치하는 데이터만 저장이 가능합니다. 이와 같이 변수에 타입이 있는 언어를 정적 타입 언어(static typed language) 라고 합니다.

하지만 자바스크립트는 변수에 타입이 없으므로, 모든 타입의 데이터를 저장할 수 있습니다. 아래와 같이 실행할 때 변수에 저장된 데이터 타입을 동적으로 바꿀 수 있다는 것이죠. 이와 같은 언어를 동적 타입 언어(dynamic typed language) 라고 합니다.

✍ example

var num = '921';
console.log(num); // ➡ 921

num = '숫자';
console.log(num); // ➡ 숫자

2. 데이터 타입 분류

데이터 타입은 크게 기본형과 참조형 두 가지로 나눌 수 있습니다.

✔ Primitive Type (기본형, 또는 원시 타입) : 값을 그대로 할당

• Number
• String
• Boolean
• null
• undefined
• +ES6: Symbol

✔ Reference Type (참조 타입) : 값이 저장된 주소값을 할당 (참조함)

• Object
  - Array
  • Function
  • RegExp(정규표현식)
  • +ES6: map, set, weakmap, weakset

3. Primitive Type (기본 타입)

📎 Number(숫자)

많은 프로그래밍 언어들은 정수 타입 / 실수 타입을 구분하지만, 자바스크립트에는 타입이 없어 숫자를 모두 64비트 부동소수점으로 표현합니다. (실수 하나로만 표현!)

매우 큰 수나 작은 수를 표현할 때에는 e 표기법을 사용합니다.

📎 String(문자열)

큰 따옴표(")나 작은 따옴표(')로 둘러싸인 문자의 집합을 말합니다.
큰 따옴표는 작은 따옴표 속에, 작은 따옴표는 큰 따옴표 속에서 표현됩니다.

✍ example

var str = "이것은 '데이터 타입'에 관한 설명이다.";
var str2 = '이것은 "데이터 타입"에 관한 설명이다.';
console.log(str); // ➡ 이것은 '데이터 타입'에 관한 설명이다.
console.log(str2); // ➡ 이것은 "데이터 타입"에 관한 설명이다.
var num = "" // ➡ 빈 문자열을 의미

📎 Boolean(참/거짓)

Boolean 타입은 true(참), false(거짓) 중 하나의 리터럴 값을 가집니다. true는 1, false는 0의 값을 가지며 조건부 테스트에 사용되기도 합니다.

✍ example

var isFinished = true;
var isEditing = false;

👉 Bool 변수 이름 제대로 짓기 위한 최소한의 영어 문법
변수명 짓는 방법은 위 사이트를 참고하시면 도움이 될 것 같습니다.

📎 null / undefined

null은 아무것도 없음을 의미하며, 의도적으로 비어있는 값을 넣을 때 사용합니다.undefined는 초기화되지 않았거나 아직 값이 할당되지 않았음을 의미합니다. 둘의 차이를 꼭 알아야 하며, null과 undefined는 동등 연산자(==)와 일치 연산자(===)로 비교할 때 그 결괏값이 다르므로 주의해야 합니다.

✍ example

null ==  undefined; // ➡ true
null === undefined; // ➡ false

4.Reference Type (참조 타입)

📎 Object

객체(Object)는 다수의 프로퍼티(property)나 메소드(method)를 하나의 이름으로 묶어놓은 일종의 집합체라고 할 수 있습니다.

객체를 선언할 때에는 중괄호{}를 사용하며, 이름(key):값(value)의 형태로 작성합니다. 이 데이터 한 쌍(이름:값)을 객체의 프로퍼티라고 합니다.

✍ example

var foo = {
  name: "Rocky",
  age: 4,
};
console.log(foo.name); // ➡ Rocky
console.log(foo.age); // ➡ 4

객체에는 아래의 항목들이 포함되어 있습니다. (기본 타입을 제외한 나머지를 모두 객체로 정의할 수 있습니다.)

👉 Array

👉 Function

👉 RegExp

‼ 객체는 이 글 하나로 설명하기에는 너무나 많은 내용이 있고, 정말 중요하기 때문에 간단하게만 설명하였고, 기회가 된다면 따로 글을 작성해보려고 합니다🙂

5. 두 타입의 차이🤔

변수를 선언하면 데이터가 담길 공간을 확보하고, 확보된 데이터의 주소값을 가지고
변수명과 매칭시키는 선언과정은 동일하나, 할당과정에서 차이가 있습니다.

기본형은,

✍ 예시 코드

var a;
a = 10;

변수 a를 선언하면 데이터가 담길 공간(임의의 주소)를 확보하고, 확보된 데이터의 주소값을 가지고 변수명과 매칭시킵니다.
그리고 매칭된 주소로 이동하여 데이터 10을 저장합니다.

정리하면
: 비어있는 데이터 공간 확보 -> 변수명과 매칭 -> 매칭 주소에 데이터 저장

참조형은,

✍예시 코드

var obj = {
  a: 1,
  b: 'hi',
}

프로퍼티는 변수와 비슷한 성질을 갖고 있어 변수명과 실제 데이터가 주소값을 통해 연결된 것처럼 key와 value도 같은 동작을 합니다.

우선 각 프로퍼티명과(여기서는 a와 b) 해당 프로퍼티의 값(1, hi)이 담길 주소를 매칭하기 위한 공간(임의의 주소)을 확보합니다. 프로퍼티와 확보된 주소를 매칭시킨 다음, 이제 각각의 주소값마다 데이터를 할당합니다. 이런 과정을 데이터공간에 기본형 데이터가 담길 때까지 반복합니다.

결국, 참조형 데이터는 기본형 데이터의 집합이라고 볼 수 있습니다.

정리하면
: 비어있는 데이터 공간 확보 ➜ 객체 속 프로퍼티에 대한 공간을 또 다시 확보 ➜ 객체의 프로퍼티명과 주소를 매칭 ➜ 확보했던 두 번째 주소에 데이터 할당

마치며

혹시나 잘못 작성된 부분이나 빠진 부분이 있다면 댓글로 알려주세요! 읽어주셔서 감사합니다😊

🧐출처 및 참고자료

▪ [mdn : JavaScript] : (https://developer.mozilla.org/ko/docs/Web/JavaScript)
▪ [tcpschool] : (http://tcpschool.com/javascript/js_datatype_variable)
▪ [인프런] : Javascript 핵심 개념 알아보기 - JS Flow
▪ 모던 자바스크립트 입문