05. [JavaScript] 타입

기본 타입

데이터 타입은 프로그램에서 다룰 수 있는 값의 종류를 의미한다.

자바스크립트의 기본타입은 원시 타입과 객체 타입으로 구분할 수 있다.

 

원시 타입(primitie type)

1. 숫자(number)

2. 문자열(string)

3. 불리언(boolean)

4. 심볼(symbol) : ECMAScript6부터 제공됨

5. undifined

 

객체 타입(object type)

6. 객체(object)

---

숫자(number)

자바스크립트는 다른 언어와는 달리 정수와 실수를 따로 구분하지 않고, 모든 수를 실수 하나로만 표현한다.

또한, 수가 매우 크거나 작을 경우 e 표기법을 사용할 수 있다.

var num1 = 10; // 소수점을 사용하지 않은 표현
var num2 = 10.00;  // 소수점을 사용한 표현
var num4 = 10e-3; // 0.01
var num4 = 10e-3; // 0.01

---

문자열(string)

문자열은 큰따옴표("")나 작은따옴표('')로 둘러싸인 문자의 집합을 의미한다.

큰따옴표는 작은따옴표로 둘러싸인 문자열에 포함될 수 있으며, 작은따옴표도 큰따옴표로 둘러싸인 문자열에 포함될 수 있다.

var str1 = "나는 짱구입니다."; // 큰따옴표 사용한 문자열
var str2 = '나는 짱구입니다.';  // 작은따옴표를 사용한 문자열
var str3 = "나는 '짱구'입니다."; // 큰따옴표안에 작은따옴표를 사용한 문자열
var str4 = '나는 "짱구"입니다.'; // 작은따옴표안에 큰따옴표를 사용한 문자열

---

불리언(boolean)

불리언 값은 참(true)과 거짓(false)을 표현한다.

 

var num1 = 10;
var num2 = 20;
document.write(num1 == num2); // false

---

심볼(symbol)

심볼 타입은 ECMAScript 6부터 새롭게 추가된 타입이다.

심볼은 유일하고 변경할 수 없는 타입으로, 객체의 프로퍼티를 위한 식별자로 사용할 수 있다.

 

var sym = Symbol("JavaScript");
console.log(sym);
var symObj = Object(sym);
console.log(symObj);

 

심볼 타입은 익스플로러에서 지원하지 않는다.

---

객체(object)

자바스크립트의 기본 타입은 객체(object)이다.

객체는 여러 프로퍼티(property)나 메소드(method)를 같은 이름으로 묶어놓은 일종의 집합체이다.

 

var fruit = {name:"사과", price:1000} // 객체생성
console.log(fruit);
console.log("이 과일은 "+fruit.name+"입니다. 가격은 "+fruit.price+"입니다.");

 

---

null과 undefined

자바스크립트에서 null이란 object타입이며, 아직 '값'이 정해지지 않은 상태를 의미한다.

undefined란 null과는 달리 '타입'이 정해지지 않은 것을 의미한다.

따라서, 자바스크립트에서 undefined는 초기화되지 않은 변수나 존재하지 않는 값에 접근할 때 반환된다.

 

var num; // undefined
console.log(typeof num);
var str = "hello"; // string
console.log(typeof str);
var val = null; // object
console.log(typeof val);

 

 

 

null과 undefined는 동등 연산자(==)와 일치 연산자(===)로 비교할 때 그 결괏값이 다르므로 주의해야 한다.

null과 undefined는 타입을 제외하면 같은 의미지만, 타입이 다르므로 일치하지 않는다.

 

console.log(null ==  undefined); // true
console.log(null === undefined); // false

---

type of 연산자

type of 연산자는 피연산자의 타입을 반환하는 피연산자가 단 하나뿐인 연산자이다.

 

console.log(typeof 10); // number
console.log(typeof "hello"); // string
console.log(typeof true); // boolean
console.log(typeof null); // object
console.log(typeof undefined); // undefined