JavaScript 자바스크립트 비교 연산자 정리

자바스크립트 비교 연산자란?

자바스크립트 비교 연산자는 값들 간의 관계를 평가하여 불리언(Boolean)으로 결과를 반환하는 연산자입니다. 비교 연산자들은 주로 조건문이나 논리적인 결정에 활용되며, 값들 간에 비교하여 조건에 따른 판단을 할 때 사용됩니다.

비교 연산자 종류

1. 동등 연산자 (==)
   동등 연산자(==)는 값이 같은지를 확인하는 연산자입니다.
   타입까지는 비교하지 않으므로 형 변환이 가능합니다.
2. 일치 연산자 (===)
   일치 연산자(===)는 값과 타입이 정확히 일치하는지를 확인합니다.
   형 변환이 없으므로 더 엄격한 비교가 가능합니다.
3. 부등 연산자 (!=)
   부등 연산자(!=)는 값이 다른지를 확인합니다. 타입은 비교하지 않습니다.
4. 불일치 연산자 (!==)
   불일치 연산자(!==)는 값과 타입이 다른지를 확인합니다.
5. 대소 관계 연산자 (<, >, <=, >=)
   대소 관계 연산자는 값의 대소를 비교합니다.
   < (작다), > (크다), <= (작거나 같다), >= (크거나 같다)

비교 연산자 예제

동등 연산자 (==)

값이 같은지를 확인합니다. 단, 타입은 비교하지 않으며, 형 변환이 가능합니다.

console.log(7 == 7);  // true
console.log(7 == "7");  // true
console.log(true == 1); // true

일치 연산자 (===)

값과 타입이 정확히 일치하는지 확인합니다. 형 변환이 없으므로 더 엄격한 비교가 가능합니다.

console.log(7 === 7);  // true
console.log(7 === "7");  // false
console.log(true === 1); // false

부등 연산자 (!=)

값이 다른지를 확인합니다. 타입은 비교하지 않습니다.

console.log(5 != 10);   // true
console.log("hello" != "world");  // true
console.log(true != 1);  // false (형 변환 발생)

불일치 연산자 (!==)

값과 타입이 다른지를 확인합니다.

console.log(5 !== "5");  // true
console.log(true !== 1); // true
console.log(null !== undefined);  // true

대소 관계 연산자 (<, >, <=, >=)

값의 대소를 비교합니다.
< (작다), > (크다), <= (작거나 같다), >= (크거나 같다)

// 작다(<)
console.log(5 < 10);   // true
console.log(15 < 5);   // false

// 크다(>)
console.log(20 > 10);  // true
console.log(5 > 8);    // false

// 작거나 같다(<=)
console.log(5 <= 10);   // true
console.log(20 <= 20);  // true
console.log(25 <= 15);  // false

// 크거나 같다(>=)
console.log(15 >= 10);  // true
console.log(5 >= 8);    // false
console.log(20 >= 20);  // true

결론

자바스크립트의 비교 연산자를 적절히 활용하면 코드를 더 간결하고 가독성 있게 작성할 수 있습니다. 그러나 형 변환에 주의하고, 일치 연산자를 우선 사용하여 정확한 비교를 하는 것이 좋습니다. 비교 연산자를 올바르게 이해하고 활용하면 코드의 신뢰성을 높일 수 있습니다.