본문 바로가기

■ 프로그래밍/JavaScript

데이터 타입 (1) - 원시타입(Number, String, Boolean, Null, Undefined)

자바스크립트 데이터 타입(Data Types)은 크게 원시타입(Primitive type)과 참조타입(Reference type), 2가지로 나뉜다.

 

 

원시타입(Primitive type)

1. Number(숫자): 정수(Integers), 실수(Float)를 포함한 모든 숫자

var integers = 8;
var float = 2.2;

2. String(문자열)

// 문자열은 출력할 내용을 '', "" 로 감싸줘야 함
var str1 = 'Hello';
var str2 = "World";

// 작은 따음표 안에 '를 넣으려면 \를 넣어주면 됨
var str3 = 'I\'m good'; // output: I'm good

3. Boolean(논리형, /거짓)

console.log(true); // output: true
console.log(false); // output: false
console.log(1 === 10); // output: false
console.log(1 < 10); // output: true

- 비교연산자 ==, ===의 차이

console.log('1' == 1) // output: true
console.log('1' === 1 ) // output: false

// === 은 데이터 타입의 일치까지 확인

4. Null: 값이 비어있는 상태

var a = null;
console.log(a); // output: null

5. Undefined: 값이 초기화된 상태

var b;
console.log(b); // output: undefined

 

- Null과 Undefined의 차이

// 1. null의 데이터타입은 객체, undefined의 데이터타입은 undefined로 출력
console.log(typeof null); // output: object
console.log(typeof undefined // output: undefined

// 2. 동등연산자 사용 시
console.log(null == undefined); // output: true
console.log(null === undefined); // output: false

// 3. 연산자 사용 시
console.log(1 + null); // output: 1 (null = 0)
console.log(1 + undefined); // output: NaN(Not a Number)

// 4. Boolean, !(부정), !!(부정의 부정)
console.log(!null); // output: true
console.log(!!null); // output: false

console.log(!undefined); // output: true
console.log(!!undefined); // output: false