자바스크립트에서 비교 연산자는 값을 비교하는 데 사용됩니다. 이 연산자들은 주어진 조건이 참인지 거짓인지를 평가하고, 조건부로 코드를 실행하거나 특정 작업을 수행할 수 있게 합니다. 이번 블로그에서는 자바스크립트의 비교 연산자들을 살펴보고 예제 코드를 통해 이해해보겠습니다.
동등 비교(Equality Operators)
동등 비교 연산자는 두 값이 같은지를 확인하는 데 사용됩니다. 자바스크립트에서는 ==와 === 두 가지 동등 비교 연산자가 있습니다.
==연산자는 두 값이 동일한 형식으로 변환될 수 있다면 같은 값을 가진 것으로 간주합니다. 예를 들어,1 == "1"은true를 리턴합니다.
console.log(1 == 1); // true
console.log(1 == "1"); // true
console.log(true == 1); // true
console.log(null == undefined); // true
===연산자는 두 값이 정확하게 같은 타입이며, 동일한 값을 가진 경우에만true를 리턴합니다. 예를 들어,1 === "1"은false를 리턴합니다.
console.log(1 === 1); // true
console.log(1 === "1"); // false
console.log(true === 1); // false
console.log(null === undefined); // false
대소 비교(Relational Operators)
대소 비교 연산자는 두 값 사이의 관계를 확인하는 데 사용됩니다. 자바스크립트에서는 <, >, <=, >= 네 가지 대소 비교 연산자가 있습니다.
console.log(5 > 3); // true
console.log(10 < 7); // false
console.log(4 <= 4); // true
console.log(8 >= 9); // false
일치 비교(Strict Inequality Operators)
일치 비교 연산자는 두 값이 같지 않은지를 확인하는 데 사용됩니다. 자바스크립트에서는 !=와 !== 두 가지 일치 비교 연산자가 있습니다.
!=연산자는 두 값이 같은 형식으로 변환될 수 있다면 같은 값을 가진 것으로 간주하지 않습니다.
console.log(1 != "1"); // false
console.log(true != 1); // false
console.log(null != undefined); // false
!==연산자는 두 값이 정확하게 같은 타입이며, 동일한 값을 가진 경우에만false를 리턴합니다.
console.log(1 !== "1"); // true
console.log(true !== 1); // true
console.log(null !== undefined); // true
논리 연산자(Logical Operators)
논리 연산자는 여러 개의 비교 조건을 결합해 표현할 수 있게 합니다. 자바스크립트에서는 && (and), || (or), ! (not) 세 가지 논리 연산자가 있습니다.
console.log(true && true); // true
console.log(true && false); // false
console.log(true || false); // true
console.log(!true); // false
조건부 연산자(Ternary Operator)
조건부 연산자는 조건에 따라 값을 선택하는 데 사용됩니다. 자바스크립트에서는 ?와 :를 사용하여 조건부 연산자를 표현합니다.
let age = 20;
let message = age >= 18 ? "성인입니다." : "미성년자입니다.";
console.log(message); // "성인입니다."
위의 코드에서 age 값이 18 이상인 경우 성인입니다.를, 그렇지 않은 경우 미성년자입니다.를 message 변수에 할당하고 출력합니다.
자바스크립트 비교 연산자를 사용하여 값들을 비교하고 원하는 작업을 수행할 수 있습니다. 이러한 연산자들을 잘 활용하여 조건에 따라 프로그램을 제어할 수 있습니다. 비교 연산자들을 사용할 때는 데이터의 형식과 타입 변환에 주의하여 원하는 결과를 얻을 수 있도록 해야 합니다.