[JavaScript] '=='와 '==='의 차이점

'==' (동등 연산자)

'=='는 동등 연산자로서 두 값이 동등한지 여부를 판단합니다

그러나 이 연산자는 형 변환을 수행하여 비교하므로 데이터 형식이 다를 경우 자동으로 형 변환이 이루어집니다

 

1 == '1'; // true

 

위의 예제에서는 '1'이라는 문자열과 1이라는 숫자가 서로 다른 데이터 형식이지만 '==' 연산자는 자동으로 형 변환을 수행하여 true를 반환합니다

 

'===' (일치 연산자)

'==='는 일치 연산자로서 값과 데이터 형식이 완전히 일치하는지를 판단합니다

이 연산자는 형 변환을 수행하지 않으므로 데이터 형식이 일치해야만 true를 반환합니다

 

1 === '1'; // false

 

위의 예제에서는 '===' 연산자는 데이터 형식이 다르기 때문에 false를 반환합니다

 

언제 어떤 연산자를 사용해야 하는가?

일반적으로 '==='를 사용하는 것이 권장됩니다

왜냐하면 '==='는 형 변환을 수행하지 않기 때문에 예상치 못한 결과를 방지할 수 있습니다

특히 데이터 형식이 중요한 경우에는 '==='를 사용하여 명시적인 일치를 확인하는 것이 좋습니다

 

그러나 '=='는 특정 상황에서 유용할 수 있습니다

예를 들어, null 또는 undefined 값을 확인할 때 '=='를 사용하면 형 변환이 수행되어 두 값이 동등한지를 판단할 수 있습니다

 

null == undefined; // true;
null === undefined; // false;