본문 바로가기

javascript

== vs === 비교


기본적으로는 ===  : 데이터 값과 타입(형태)까지 같이 비교하는것 같다.


비교 ('=='와 '==='의 차이)


1. ==

동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. '='가 두개인 것을 주의하자. '='가 하나인 것은 대입 연산자로 좌항의 값을 우항의 변수에 대입할 때 사용하는 것으로 의미가 완전히 다르다.

1
2
3
4
alert(1==2)  //false
alert(1==1)  //true
alert("one"=="two"//false
alert("one"=="one"//true


2. ===

일치 연산자로 === 좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 된다. 여기서 정확하다는 말의 의미에 집중하자. 아래 예를보자.

1
2
alert(1=='1'); //true
alert(1==='1'); //false


위의 결과는 이상하다. '==='는 숫자 1과 문자 1을 다르게 인식한다. 반면에 '=='는 양쪽의 값을 같다고 판단한다. 바로 이것이 '정확'의 의미다. 즉 ===는 서로 같은 수를 표현하고 있더라도 데이터 형이 같은 경우에만 같다고 판단하기 때문이다. 결론부터 말하면 == 연산자 대신 === 연산자를 쓰는 것을 강력하게 권한다. 몇가지 사례를 더 살펴보자.

1
2
3
4
5
6
7
8
alert(null == undefined); //true
alert(null === undefined); //false
alert(true == 1); //true
alert(true === 1); //false
alert(true == '1');  //true
alert(true === '1'); //false
alert(0 === -0); //true
alert(NaN === NaN); //false

null과 undefined는 값이 없다는 의미의 데이터 형이다. null은 값이 없음을 명시적으로 표시한 것이고, 

undefined는 그냥 값이 없는 상태라고 생각하자.

NaN은 0/0과 같은 연산의 결과로 만들어지는 특수한 데이터 형인데 숫자가 아니라는 뜻이다.

'javascript' 카테고리의 다른 글

2016년에 자바스크립트를 배우는 기분  (0) 2016.10.10
in vs hasOwnProperty  (0) 2016.08.16
자바스크립트의 메모리관리  (0) 2016.08.16
Object.defineProperty  (0) 2016.08.16
자바스크립트 상속!! 후......ㅠ  (0) 2016.07.21