js 비교연산자 '==' 와 '===' 차이점은?

자바스크립트에서 '==' 와 '===' 는 비교연산자로 사용되며 주요 차이점은 값과 데이터 타입을 비교하는 방식입니다.

 

1. ' === '

• 일치연산자 라고 하며 값과 데이터 타입이 모두 동일한지 비교합니다.
• 엄격한 비교를 원할 때 사용합니다. 

 

2.'  == ' 

• 동등연산자 라고 하며 값이 동일하지만 데이터타입은 비교하지 않습니다. 
• 느슨한 비교를 수행하여 값이 동일한지만을 판단해 필요에따라 자동으로 타입 변환이 이루어집니다. 
• 타입을 명시적으로 처리해야될 경우에만 사용합니다. 

2 === 2 // true, 숫자와 숫자가 일치
2 === "2" // false, 숫자열과 문자열이라 데이터 타입이 다르다

2 == 2 // true, 숫자와 숫자가 일치
2 == "2" // true,  문자열 '2'가 숫자 2로 변환된다

 

 

※ 주의사항

•  타입 변환 위험성 
  - '=='는 자동으로 타입 변환을 수행하기 때문에 의도하지 않은 결과가 나올 수 있습니다.
• 일관성
  - 엄격한 비교인 ' === ' 를 사용하면 타입 변환에 의한 요류를 방지하고 코드의 일관성을 유지할 수 있습니다.
• 가독성과 안전성
  - 예기치 않은 동작을 방지하기 위해 일반적으로 '==='를 사용하는 것이 좋습니다.