본문 바로가기
Programming/JavaScript

[JavaScript] == 대신 ===를 써야하는 이유

by 혀코 2022. 7. 14.

 

안녕하세요. 혀코입니다.

이번 시간에는 JavaScript에서 == 대신 ===를 써야하는 이유에 대해서 알아보겠습니다.

먼저 코드 예제를 먼저 보겠습니다.

 

console.log(3 == "3")

// true

 

==를 사용했을 때 숫자 3과 문자 3을 같다고 JavaScript가 연산하기 때문에 true를 출력하게 됩니다.

반면에 === 를 사용했을 때 숫자 3과 문자 3이 같지 않다고 연산하여 false를 출력하게 됩니다.

 

console.log(3 === "3")

// false

 

또 다른 예를 보면,

 

console.log(0 == "")
// true
console.log(0 === "")
// false

 

== 를 사용할 경우, 숫자 0과 빈 문자 가 동일하다고 연산하여 true를 출력하는데 

=== 를 사용할 경우, 다르다고 연산하여 false를 출력하게 됩니다. 물론 이것이 정상적인 출력입니다.

 

또한 == 를 사용할 경우, null 과 undefined를 구별하지 못합니다. 아래 예제를 보겠습니다.

 

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

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

 

===를 사용해야 null과 undefined를 구별할 수 있는 것을 확인할 수 있습니다.

따라서 JavaScript에서 등호를 사용할 때는 == 대신 === 를 사용해야 위와 같은 상황에서 정상적으로 작동하는 코드를 짤 수 있습니다. 

 

이렇게 JavaScript에서 == 대신 === 를 써야하는 이유에 대해서 알아봤습니다.

해당 정보가 유용하셨다면, 공감과 구독 부탁 드립니다.

감사합니다. :)

댓글