Table of Contents

자바스크립트 기본 문법 – 연산자 – 1 – 비교 연산자

소제목: 비교 연산자란?

비교 연산자는 자바스크립트에서 값들을 비교하는 데 사용되는 연산자입니다. 이 연산자들은 특정 조건이 참인지 거짓인지를 판단하며, 결과로는 불리언(true 또는 false) 값을 반환합니다. 자바스크립트에서 비교 연산자는 주로 조건문이나 반복문 등에서 사용되어 프로그램의 흐름을 제어하는 데에 큰 역할을 합니다.

예시: 도서 비교하기

이해를 돕기 위해, 도서를 비교하는 상황을 생각해보겠습니다. 우리가 가지고 있는 두 권의 책을 비교해보면서 자바스크립트의 비교 연산자를 살펴보도록 하겠습니다.

const book1 = {
  title: '자바스크립트 기초',
  pageCount: 200,
};

const book2 = {
  title: '자바스크립트 심화',
  pageCount: 300,
};

소제목: 동등 연산자 (==)

동등 연산자(==)는 두 값이 동등한지 비교합니다. 동등한 경우에는 true를 반환하고, 그렇지 않은 경우에는 false를 반환합니다.

예를 들어, book1과 book2를 비교해보면 다음과 같습니다.

console.log(book1 == book2); // false

이 경우에는 book1과 book2는 서로 다른 객체이므로 false가 반환됩니다. 왜냐하면 동등 연산자는 객체의 내용이 아닌 참조를 비교하기 때문입니다.

소제목: 일치 연산자 (===)

일치 연산자(===)는 두 값이 엄격하게 일치하는지 비교합니다. 엄격한 일치는 값과 데이터 타입이 모두 같은 경우에만 true를 반환하고, 그렇지 않은 경우에는 false를 반환합니다.

console.log(book1 === book2); // false

book1과 book2는 객체이며, 내용이 같더라도 참조가 다르기 때문에 false가 반환됩니다. 이 때문에 엄격한 일치 연산자를 사용하여 값과 데이터 타입이 모두 같은지 확인해야 합니다.

소제목: 부등 연산자 (!=)와 불일치 연산자 (!==)

부등 연산자(!=)와 불일치 연산자(!==)는 값들이 같지 않은지를 비교합니다. 부등 연산자는 값만을 비교하고, 불일치 연산자는 값과 데이터 타입을 함께 비교합니다. 값이 같지 않은 경우에는 true를 반환하고, 같은 경우에는 false를 반환합니다.

console.log(book1 != book2); // true
console.log(book1 !== book2); // true

book1과 book2는 서로 다른 객체이므로 값이 같지 않으므로 true가 반환됩니다.

소제목: 대소 비교 연산자 (<, >, <=, >=)

대소 비교 연산자는 값들의 상대적인 크기를 비교합니다. 주어진 두 값 간의 대소 관계를 비교하여 참 또는 거짓을 반환합니다.

예를 들어, 두 책의 페이지 수를 비교해보면 다음과 같습니다.

console.log(book1.pageCount < book2.pageCount); // true
console.log(book1.pageCount > book2.pageCount); // false
console.log(book1.pageCount <= book2.pageCount); // true
console.log(book1.pageCount >= book2.pageCount); // false

위의 예시에서는 book1의 페이지 수가 book2의 페이지 수보다 작으므로, 첫 번째 비교는 true를 반환합니다. 반대로, 두 번째 비교는 false를 반환합니다. 마지막 두 비교는 등호를 포함하므로, 같은 값을 비교하게 됩니다.

소제목: 주의할 점

자바스크립트에서는 동등 연산자(==) 대신 일치 연산자(===)를 사용하는 것을 권장합니다. 동등 연산자는 예상치 못한 결과를 초래할 수 있기 때문에 실수를 방지하기 위해 엄격한 일치 연산자를 사용하는 것이 좋습니다.
객체를 비교할 때는 참조를 비교하므로, 동등한 객체라도 일치하지 않을 수 있습니다. 객체의 내용을 비교해야 할 때는 객체의 속성들을 하나씩 비교해야 합니다.
대소 비교 연산자를 사용할 때는 데이터 타입을 주의해야 합니다. 문자열이나 숫자 등 서로 다른 데이터 타입을 비교하는 경우, 예상치 못한 결과가 발생할 수 있습니다.

이렇게 자바스크립트의 비교 연산자에 대해 알아보았습니다. 비교 연산자는 프로그래밍에서 매우 중요한 역할을 합니다. 다양한 조건문과 반복문에서 조건을 판단하기 위해 사용되므로, 비교 연산자를 잘 이해하고 활용하는 것이 중요합니다. 앞으로도 자바스크립트의 다른 주제에 대해 궁금한 점이 있다면 언제든지 물어보세요!