[JavaScript] ==/!= 연산자와 ===/!== 연산자의 차이점

==/!= 연산자와 ===/!== 연산자의 차이점

들어가며

• 자바스크립트에서 사용되는 @==@ / @!=@ 연산자와 @===@ / @!==@ 연산자의 차이점에 대해 알아보자.

 

@==@ / @!=@ 연산자

• 비교하는 피연산자의 자료형을 자동으로 변환해서 비교한다.
• 숫자 @3@과 문자열 @"3"@을 비교하면, 문자열로 변환해서 비교하므로 2개의 값이 같다고 인식한다.

3 == "3"     // true
3 != "3"     // false

 

@===@ / @!==@ 연산자

• 값 뿐만 아니라 데이터 유형(자료형)까지 비교한다.
• 자동으로 자료형이 변환되지 않는다.
• 따라서 자바스크립트를 사용하면서 값을 비교할 때는 @==@, @!=@ 연산자보다 @===@, @!==@ 연산자를 사용하는 것이 좋다.

3 === "3"    // false
3 !== "3"    // true