[JavaScript] 데이터 타입

 
 

 

 

 

---

목차

1. 데이터 타입이란

2. 데이터 타입의 종류

---

 

 

 

1. 데이터 타입이란

---

 데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터 (숫자, 문자열, 불리언 등)의 종류를 말한다.
 

 

2. 데이터 타입의 종류

---

 1. 원시 타입: 불변 값(변경할 수 없는 값)

• Number
• String
• Boolean
• null
• undefined
• BigInt
• Symbol

2. 객체 타입

---

 데이터 타입을 하나씩 알아보자. 

 

1. Number (숫자형)

 

숫자 표현, 산술 연산에 사용되는 데이터 타입이다. 자바스크립트는 다른 언어와 다르게 정수 값과 실수 값을 구분하지 않으며 모든 숫자를 64비트 실수로 표현한다.
 
+, _, *, /의 산술연산이 가능하며 Math라는 내장객체를 이용하여 수학함수를 이용한 결과를 얻을 수도 있다.

 

2. String (문자열)

 

문자열(String) 타입은 텍스트 데이터를 나타내는데 사용한다. 문자열은 아래 세가지로 표현이 가능하다.

var a = "string"; // 큰 따옴표
a = 'string';     // 작은 따옴표
a = `string`;     // 백틱(ES6 템플릿 리터럴)

 
 
*백틱 사용법

let num1 = 1;
let num2 = 2;
let result = 3;
let string1 = num1 + " 더하기" + num2 + "는 '" + result + "'";
console.log(string); // 1 더하기 2는 '3'

 
위의 코드는 변수, 더하기 기호 등으로 가독성이 좋지 않다.
 
 

let num3 = 1;
let num4 = 2;
let result2 = 3;
let string2 = `${num3} 더하기 ${num4}는 '${result2}'`;
console.log(string2);

 
따라서 백틱을 사용하여 깔끔하게 표현할 수 있다. 변수는 ${변수}를 사용하여 더하기 기호 없이 문자열에 넣을 수 있다.
 
 

3. Boolean (논리형)

 

불리언(boolean) 타입의 값은 논리적 참, 거짓을 나타내는 true와false만을 나타낸다.

var a = true;
var b = false;

// typeof 연산자는 타입을 나타내는 문자열을 반환합니다.
console.log(typeof a); // boolean
console.log(typeof b); // boolean

 
또한 비어있는 문자열과 null, undefined, 숫자 0은 false로 간주된다.
 
 

4. null

 

null은 의도적으로 변수에 값이 없다는 것을 명시할 때 사용한다. null 타입의 값은 null이 유일하기 때문에 Null, NULL등과 다르다.

*null 사용시 주의할점

타입을 나타내는 문자열을 반환하는 typeOf연산자로 null 값을 연산해보면 null이 아닌 object가 나온다. 

var a = null;
console.log(typeof a); // object

 
 
 
이는 자바스크립트 설계상의 오류이기 때문에 null타입을 확인할 때는 typeOf 연산자 대신 일치 연산자(===)를 사용해야 한다.

var a = null;
console.log(typeof a === null); // false
console.log(a === null);        // true

 
 
 

5. undefined

 

선언 이후 값을 할당하지 않은 변수는 undefined 값을 가진다.
 
즉, 선언은 되었지만 값을 할당하지 않은 변수에 접근하거나 존재하지 않는 객체 프로퍼티에 접근할 경우 undefined가 반환된다.

var a;
console.log(a); // undefined

 

6. BigInt

 

BigInt는 임의의 정밀도로 정수를 나타낼 수있는 JavaScript의 새로운 숫자 데이터형이다. 
BigInt를 사용하면 숫자에 대한 안전한 정수 제한을 초과하여 큰 정수를 안전하게 저장하고 조작 할 수 있다. 

 

 

 

7. Symbol

 

심볼(symbol)은 ES6에서 새롭게 추가된 7번째 타입으로 변경 불가능한 원시 타입의 값이며 다른 값과 중복되지 않는 고유한 값이다.
 
심볼 값은 충돌 위험이 없는 오브젝트의 유일한 프로퍼티 키를 만들기 위해서 사용할 수 있으며 하위호환성을 유지하면서 표준을 확장한다든지, 고유한 상수값을 만드는 데 사용할 수 있다.

const symbolA = Symbol('symbol') 
const symbolB = Symbol('symbol')

console.log(symbolA === symbolB) // false