[JavaScript] 동등 연산자(==, ===) 문자열 비교

동등 연산자(==, ===)로 문자열 비교

두개의 문자열이 같은지 다른지 확인할 때, 동등 연산자(==, ===)를 사용할 수 있습니다. 아래 예제와 같이 두개 문자열이 같으면 true를 리턴하고 다르면 false를 리턴한다.

const str1 = 'hello';
const str2 = 'hello';
const str3 = 'world';

console.log(str1 === str2);   // true
console.log(str1 === str3);   // false
console.log(str2 === str3);   // false
console.log(str2 !== str3);   // true

console.log(str1 == str2);   // true
console.log(str1 == str3);   // false
console.log(str2 == str3);   // false
console.log(str2 != str3);   // true

다음과 같은 예제에서는 차이점을 알 수 없다.

차이점

==는 Equality를 비교하고, ===는 indentify를 비교한다.

• ==는 비교하는 객체의 타입이 다르더라도, 형변환하여 값이 같으면 true를 리턴
• ===는 객체 타입과 값이 같을 때 true 리턴

const str = '123';
const num = 123;

console.log(str === num);   // false
console.log(str == num);    // true

==은 Number 타입을 string 타입으로 변환하여 비교하면 두 객체의 값이 같기 때문에 true가 리턴하지만, ===은 두 객체의 타입이 다르기 때문에 false가 리턴된다.

✅ 대부분 ===을 쓰기 때문에 차이점은 참고로 알아두는것이 좋다.