Javascript(자바스크립트) - Null, Undefined, 데이터형 비교 차이

Javascript(자바스크립트) - Null, Undefined, 데이터형 비교

 

(1). Javascript -  데이터형에 대한 간단 설명

① false  반환하는 값 : '', "" , null , undefined, 0, NaN

② true  반환하는 값 : 위에 목록을 제외한 나머지

③ Javascript 는 타 언어에 비해 데이터형에 대해서 자유로운 언어이다.

 

(2). 데이터형 변환 비교

// Number 형
var value1 = 7; 
console.log(value, typeof value1);
 
// String 형 
var value2 = "7"; 
console.log(value, typeof value2);
 
// 비교
console.log( value1 == value2 );  //자료형 자동 변환(캐스팅)에 의하여 True 출력
console.log( value1 === value2 ); //자료형도 같아야 하므로, False 출력
 
 

 

(3). Null 과 Undefined 설명

① null : 아무것도 참조 하지 않는 값, 주로(array, object)를 참조할 때 사용

② undefined : 변수를 선언 후에 초기화 하지 않은 상태 (예 : var num;)

③ == 비교 연산자 와 === 비교연산차 차이를 정확하게 이해하자.

 

 프로그래밍 자료형(데이터형) 비교는 정확하게 파악해야 코딩 시에  소스코드 품질이 향상 된다고 볼 수 있다. 

(4). Null, Undefined 비교

// undefined 형
var value1; 
console.log(value, typeof value1);
 
// null 형 
var value2 = null; 
console.log(value, typeof value2);
 
// 비교
console.log( value1 == value2 );  //자료형 자동 변환(캐스팅)에 의하여 True 출력
console.log( value1 === value2 ); //자료형도 같아야 하므로, False 출력