[ JavaScript ] ==, === 의 차이점

자바스크립트하면 제일 유명한 짤 중 하나..

==, === 의 차이

자바스크립트는 기본적으로 타입이 매우 유연한 언어입니다. 보통 어떤 변수를 선언하면 형변환이 암시적으로 이루어지는데, 그래서 위에 짤 처럼 숫자와 문자를 같다고 하는 상황이 발생하는 것입니다.

==, === 은 각각 Equal Operator, Strict Equal Oprator 라고 부르고 느슨한 비교, 엄격한 비교라고 부르기도 합니다.

0 == false; // true
0 == ""; // true
1 == true; // true
1 == "1"; // true
1 == [1]; // true
"1" == [1]; // true
"1" == true; // true
true == [1]; // true
false == ""; // true
false == null; // false
false == undefined; // false
null == undefined; // true

== 는 비교를 할때 비교하는 값의 타입을 암시적으로 변환하게 됩니다.

그렇기 때문에 위의 예시와 같이 예상하지 못한 결과를 반환할 수도 있습니다.

예시

• boolean 과 number 를 비교할때는 bool 값을 number 값으로 변환합니다. ( bool ➡ number )
• string 과 number 를 비교할 때는 string 을 number 로 변환합니다. ( string ➡ number )
• string 과 boolean 을 비교할 때는, boolean 을 number 로 변환 후, number 를 string 으로 변환합니다.
  ( boolean ➡ number ➡ string )
• 1 == "1"; // true 1 == true; // true "1" == true; // true

 

 

Reference

• 강제 형 변환(type coercion)
• Equality (==)
• Strict Equality ( === )
• 동치 비교 및 동일성
• 5