[javascript] ==과 ===의 차이

1. == 연산자

• 타입 변환에 대해 유연한 동작
• 두 피연산자 타입이 다를 경우 자동으로 타입 변환 후 값을 비교함

10 == 10    // true

10 == '10'  // true

true == 1   // true

true == '1' // true

true == 'true' // false

null == undefined // true

✅ ==은 null과 undefined 비교 시 true를 반환함에 유의

2. === 연산자

• 타입 자동 변환 안 해줌!
• ==에 비해 엄격한 비교

10 === 10   // true

10 === '10' // false

true === 1  // false

true === 'true' // false

null === undefined // false

NaN === NaN // false

✅ NaN은 자기 자신을 포함, 어떤 값과도 일치하지 않음 => 항상 false 반환
✅ 정확한 문자열 비교를 위해선 localeCompare 메서드를 사용하는 것이 좋음