[Javascript] '=='와 '==='의 차이 (null, undefined)

 

지난번에는 '==' 연산자와 '===' 연산자의

기본적인 차이점에 대해서 알아보았습니다.

[Javascript] '==' 연산자와 '===' 연산자의 차이점

 

 

이번에는 '=='와 '===' 연산자를 이용해서 null, undefined 값을

체크했을 경우 어떤 결과가 나오는지 알아보겠습니다.

 

 

 '=='연산자와 '==='를 이용한 unll, undefined 비교 

See the Pen 문자열 by anna (@hianna) on CodePen.

따라서, 위의 예제를 보면

'==' 연산자를 이용하여 두 값(null과 undefined)을 비교하면 true를 리턴합니다.

그러나, '===' 연산자를 이용하여 두 값을 비교하면 타입이 다르기 때문에 false를 리턴합니다.

 

 

 

 '==' 연산자를 이용한 null, undefined 비교 예제 

See the Pen 문자열 by anna (@hianna) on CodePen.

변수를 선언하고 값을 할당하지 않으면, 변수는 undefined 값을 가집니다. (변수 a)

변수 b에는 null 값을 할당하였습니다.

 

'==' 연산자를 사용하여 null 값과 비교할 경우,

변수값이 null 이든,  undefined 이든 모두 true를 리턴합니다.

마찬가지로,

'==' 연산자를 사용하여 undefined 값과 비교를 하면,

변수값이 null 이든,  undefined 이든 모두 true를 리턴합니다.

 

 '===' 연산자를 이용한 null, undefined 비교 예제 

See the Pen 문자열 by anna (@hianna) on CodePen.

'===' 연산자를 이용하여 비교할 경우에는

정확하게 두 값이 일치할 경우에만 true를 리턴합니다.

 

 

항상 헷갈리는, undefined와 null 체크!

도움이 되었으면 좋겠습니다.