처음 배우는 JavaScript 강의. 1주차: JavaScript 기초 (2) 기본 연산자 (심화. 비교 연산자의 예시)

비교 연산자는 값을 서로 비교하여 참(true) 또는 거짓(false)을 반환합니다. JavaScript의 비교 연산자는 크게 동등과 일치 비교 연산자로 나뉘며, 부등과 불일치 비교, 그리고 크기 비교 연산자가 있습니다. 각 비교 연산자에 대해 상세한 예시를 들어보겠습니다.

비교 연산자의 예시

동등(==) 및 부등(!=) 비교

동등(==) 연산자는 두 값이 같은지 비교할 때 사용하며, 자료형은 변환하여 비교합니다. 부등(!=) 연산자는 두 값이 다른지 비교할 때 사용합니다.

 

console.log(5 == 5);          // true
console.log(5 == '5');        // true (타입 변환 발생)
console.log(1 == true);       // true (1과 true는 동등)

console.log(5 != 8);          // true
console.log(5 != '5');        // false (타입 변환 발생)
console.log(0 != false);      // false (0과 false는 동등)

 

일치(===) 및 불일치(!==) 비교

일치(===) 연산자는 값과 자료형 모두 같은지 확인합니다. 불일치(!==) 연산자는 값 또는 자료형 중 하나라도 다르면 true를 반환합니다.

 

console.log(5 === 5);         // true
console.log(5 === '5');       // false (값은 같으나 타입이 다름)
console.log(1 === true);      // false (값과 타입 모두 비교)

console.log(5 !== 8);         // true
console.log(5 !== '5');       // true (값은 같으나 타입이 다름)
console.log(1 !== true);      // true (값과 타입 모두 비교)

 

크기 비교 연산자

값의 크기를 비교하는 연산자로, >, <, >=, <=가 있습니다.

 

console.log(10 > 5);          // true
console.log(10 < 15);         // true
console.log(10 >= 10);        // true
console.log(10 <= 9);         // false

console.log('apple' < 'banana');  // true (사전식 비교)
console.log('2' > 1);             // true ('2'가 숫자 2로 변환되어 비교)

 

이 예시들은 각 비교 연산자가 어떻게 작동하는지를 잘 보여줍니다. 특히, JavaScript에서는 타입 변환이 자동으로 일어나므로 동등과 일치 비교 연산자의 차이를 이해하는 것이 중요합니다. 일반적으로 예상치 못한 타입 변환을 방지하기 위해 일치 연산자(=== 및 !==)의 사용을 권장합니다.