[Javascript] 데이터 타입(Type) 알아보기

프로그래밍 언어에서 빠질 수 없는 부분 중 하나가 바로 데이터 타입(Data Type)입니다. 여러 가지 데이터의 형태가 있고 언어마다 데이터를 정의하는 방법이 달라서 가장 기초적이고 쉬운 부분이지만 한 번쯤 읽어두고 넘어가는 것이 좋습니다.

 

이번 포스팅에서는 Javascript의 데이터 타입에 대해서 알아보도록 하겠습니다.

---

Javascript 데이터 타입

먼저 아래 예제를 보도록 하겠습니다.

let a = 10;
let b = 'Javascript';

 

서로 다른 두 값을 a와 b에 담았습니다. a에는 10이라는 숫자를, b에는 Javascript라는 문자열을 저장했습니다. 즉, a는 숫자, b는 문자열이라는 데이터 타입을 가지게 되는 것입니다.

 

그럼 데이터 타입의 종류에는 어떤 것들이 있는지 알아보겠습니다.

데이터 타입	설명	사용 예
String	문자열	'Javascript', 'koonsland blog', ...
Number	정수, 실수	10, 20, 23.1, 3.14, ...
Boolean	true 또는 false 두 가지만 가지는 타입	ture, false
undefined	값이 초기화되지 않아 정의되지 않은 타입	let a;
null	null로 초기화된 타입	let a = null;
Object	Key-value 형태의 타입(JSON과 같음)	let a = { };

이 외에도 추가적으로 BigInt, Symbol 과 같은 것들이 있지만 위 데이터 타입은 기본적으로 많이 사용하는 타입들입니다.

그럼 각 타입들에 대해서 알아볼게요.

---

Javascript 데이터 타입: String

String 데이터 타입은 문자열을 나타내는 타입입니다. 문자열은 아래와 같이 세 가지로 표현이 가능합니다.

Single quotes : 'Javascript'
Double quotes : "Javascript"
Backticks : `Javascript`

위 세가지 기능을 Javascript에서 사용해보도록 하겠습니다.

const name = 'Koon';
const number = "10";
const result = `Name is ${name} and number is ${number}.`;
console.log(result);

Single quotes와 Double quotes는 모두 동일하게 String 데이터 타입으로 저장됩니다. Backticks도 마찬가지로 String 데이터 타입으로 저장되지만 추가적인 기능이 있습니다. 바로 ${ variable or expression}입니다. 달러($)와 함께 내부에 변수명이나 표현을 적어주면 그 값을 그대로 출력해 주는 것을 알 수 있습니다.

 

---

Javascript 데이터 타입: Number

Number 데이터 타입은 숫자를 의미합니다. 보통은 정수와 소수, 지수 모두 Number라는 데이터 타입으로 저장됩니다. 다음 예제를 보겠습니다.

const num1 = 10; // Integer
const num2 = 3.14; // Float
const num3 = 2e3; // exponential
const num4 = -10;

console.log(num1/0); // Infinity
console.log(num4/0); // -Infinity
console.log('a'/3); // NaN

여러가지 숫자의 형태를 양수, 소수, 지수, 음수의 형태로 변수에 할당했습니다. 이 모든 변수의 타입을 확인하기 위해서 typeof num1과 같이 입력하면 모두 number라는 형태로 나타나게 됩니다.

 

이때 추가적으로 알아둬야 할 부분이 있습니다. 바로 Infinity, -Infinity, NaN입니다. 무한대라는 의미입니다. 0으로 어떤 수를 나눌 수 없습니다. 이때 리턴되는 값은 Infinity(양의 무한대) 혹은 -Infinity(음의 무한대)로 나타납니다. 그리고 계산할 수 없음을 의미하는 NaN이 있습니다.

---

Javascript 데이터 타입: Boolean

Boolean 데이터 타입은 참, 거짓을 표현하는 데이터 타입입니다. 따라서 값은 true 혹은 false만 존재합니다. 아래 예제를 보도록 하겠습니다.

const defaultRet = true;
const defaultCount = false;

이 변수 역시 typeof 로 확인하면 모두 boolean으로 나타납니다. Boolean 데이터 타입은 조건을 나타낼 때 아주 많이 사용됩니다.

---

Javascript 데이터 타입: undefined

undefined 데이터 타입은 데이터를 알 수 없을 때 나타나는 값입니다. 아래 예제를 보도록 하겠습니다.

let name;
console.log(name); // undefined

변수는 정해졌지만 값이 할당되지 않아서 타입을 알 수 없거나 값을 알 수 없을 경우 undefined 값이 나타납니다.

---

Javascript 데이터 타입: null

null 데이터 타입은 값을 의미합니다. 아래 예제를 보도록 하겠습니다.

let name = null;

이 경우는 값이 비어있거나 알수 없음을 의미합니다.

---

Javascript 데이터 타입: Object

Object 데이터 타입은 복잡한 형태의 값들이 묶여있는 데이터를 의미합니다. 배열, JSON 형태와 같은 구조는 모두 Object 데이터 타입입니다. 아래 예제를 보도록 하겠습니다.

const student = {
	name: 'Koon',
	number: 10
};

위와 같은 복합적인 형태는 모두 Object로 사용됩니다. 이 형태의 사용법은 추후에 다시 포스팅하도록 하겠습니다.

---

Javascript 데이터 타입 사용하기

Javascript는 데이터 타입을 별도로 프로그래머가 정하지 않습니다. 값이 할당되면 자동으로 정해지는것이 데이터 타입입니다. 아래 예제를 보도록 하겠습니다.

let result; // undefined

result = 10; // number

result = 'success'; // string

무엇을 저장하느냐에 따라서 데이터 타입이 달라집니다. 그렇다면 실제 타입도 이와같이 나타나는지 typeof를 활용해서 알아보겠습니다.

let result; // undefined
typeof(result);

result = 10; // number
typeof(result);

result = 'success'; // string
typeof(result);

result = null;
typeof(null) // object

typeof() 함수를 사용해서 화면에 출력하면 자동으로 데이터 타입이 변경되는 것을 알 수 있습니다. 마지막에 null을 입력했을 경우에는 null 타입으로 나오는 것이 아닌 object 타입으로 나타납니다. null은 데이터의 값을 표현하는 것이기 때문에 별도의 타입으로 나타나지 않습니다.

---

이번 포스팅에서는 Javascript에서 사용하는 데이터 타입에 대해서 알아보았습니다. 간단하게 읽어보고 넘어가면 좋을 내용이며 Javascript를 이용해서 프로그래밍을 하다 보면 훨씬 더 빠르게 익힐 수 있는 내용들입니다. 도움이 되셨으면 합니다. 이상입니다.