JavaScript의 비교 연산자와 논리 연산자: 사용 가이드 - 좋은공간 좋은집

JavaScript에서는 값을 비교하거나 조건을 결합할 때 비교 연산자와 논리 연산자를 사용합니다. 이러한 연산자는 조건을 평가하고, 제어 흐름을 관리하는 데 중요한 역할을 합니다. 이번 글에서는 JavaScript의 비교 연산자와 논리 연산자의 기본적인 사용법과 예제를 통해 알아보겠습니다.

JavaScript 비교 연산자

비교 연산자는 두 값 사이의 크기나 동일성을 비교하는 데 사용됩니다. 비교 연산자의 결과는 항상 true 또는 false로 반환됩니다. 기본적으로 많이 사용되는 비교 연산자는 다음과 같습니다.

1. == (동등 연산자)

== 연산자는 두 값이 같으면 true를 반환합니다. 이 연산자는 타입을 비교하지 않고, 값이 같으면 참으로 평가합니다.

// 동등 연산자 예시
console.log(5 == '5');  // true (타입 변환이 일어남)
console.log(5 == 5);    // true
console.log(5 == 10);   // false

위 예제에서 5 == '5'는 숫자 5와 문자열 '5'가 타입이 다르지만 값이 같기 때문에 true로 평가됩니다. 이것이 == 연산자의 특성입니다.

2. === (일치 연산자)

=== 연산자는 두 값이 타입과 값 모두 같을 때만 true를 반환합니다. 일치 연산자는 더 엄격한 비교를 수행합니다.

// 일치 연산자 예시
console.log(5 === '5');  // false (타입이 다름)
console.log(5 === 5);    // true (타입과 값 모두 동일)
console.log(5 === 10);   // false

===는 타입까지 비교하므로, 숫자 5와 문자열 '5'는 동일하지 않다고 평가됩니다.

3. != (부등 연산자)

!= 연산자는 두 값이 같지 않으면 true를 반환합니다. ==와 마찬가지로, 타입을 비교하지 않고 값이 다른지 확인합니다.

// 부등 연산자 예시
console.log(5 != '5');  // false (값이 같음)
console.log(5 != 10);   // true (값이 다름)

타입이 달라도 값이 같으면 !=은 false로 평가됩니다.

4. !== (불일치 연산자)

!== 연산자는 두 값이 타입 또는 값이 다르면 true를 반환합니다.

// 불일치 연산자 예시
console.log(5 !== '5');  // true (타입이 다름)
console.log(5 !== 5);    // false (타입과 값 모두 같음)
console.log(5 !== 10);   // true (값이 다름)

타입 또는 값이 다르면 !==은 true로 평가됩니다.

5. >, <, >=, <= (비교 연산자)

>, <, >=, <= 연산자는 두 값을 비교하여 크거나, 작거나, 크거나 같거나, 작거나 같음을 판단합니다.

// 비교 연산자 예시
console.log(10 > 5);   // true
console.log(10 < 5);   // false
console.log(10 >= 10); // true
console.log(10 <= 9);  // false

이 연산자들은 숫자뿐만 아니라 알파벳 등 문자열 비교에도 사용될 수 있습니다. 그러나 기본적으로 숫자 비교에 많이 사용됩니다.

JavaScript 논리 연산자

논리 연산자는 여러 조건을 결합하거나 부정할 때 사용됩니다. 논리 연산자는 조건문, 반복문 등에서 자주 사용되며, 연산 결과는 true 또는 false로 평가됩니다.

1. && (AND 연산자)

&& 연산자는 모든 조건이 참일 때만 true를 반환합니다. 하나라도 false인 조건이 있으면 false를 반환합니다.

// AND 연산자 예시
console.log(true && true);    // true
console.log(true && false);   // false
console.log(10 > 5 && 5 < 8); // true (모두 참)
console.log(10 > 5 && 5 > 8); // false (하나가 거짓)

AND 연산자는 두 조건이 모두 만족해야 참으로 평가됩니다.

2. || (OR 연산자)

|| 연산자는 하나의 조건이라도 참이면 true를 반환합니다. 모든 조건이 false일 때만 false를 반환합니다.

// OR 연산자 예시
console.log(true || false);  // true
console.log(false || false); // false
console.log(10 > 5 || 5 > 8); // true (하나가 참)
console.log(10 < 5 || 5 > 8); // false (모두 거짓)

OR 연산자는 하나의 조건이라도 참이면 전체 조건을 참으로 평가합니다.

3. ! (NOT 연산자)

! 연산자는 조건의 반대 값을 반환합니다. 즉, 참은 거짓으로, 거짓은 참으로 바꿉니다.

// NOT 연산자 예시
console.log(!true);  // false
console.log(!false); // true
console.log(!(10 > 5));  // false (참의 반대)
console.log(!(10 < 5));  // true (거짓의 반대)

NOT 연산자는 단일 조건을 반전시킬 때 유용합니다.

비교 연산자와 논리 연산자의 조합

비교 연산자와 논리 연산자는 함께 사용되어 더욱 복잡한 조건을 처리할 수 있습니다. 예를 들어, 두 조건을 결합하여 더 정교한 논리 구조를 만들 수 있습니다.

// 연산자 조합 예시
const age = 25;
const isMember = true;

if (age > 18 && isMember) {
    console.log('성인 회원입니다.');
} else {
    console.log('조건에 맞지 않습니다.');
}

위 코드에서는 나이가 18세 이상이고 회원일 경우에만 '성인 회원입니다'라는 메시지를 출력합니다. 이처럼 논리 연산자는 여러 조건을 결합하여 복잡한 논리를 처리하는 데 사용됩니다.

결론

JavaScript의 비교 연산자와 논리 연산자는 프로그램의 흐름을 제어하고, 조건을 평가하는 데 필수적입니다. 이번 글에서는 기본적인 연산자 사용법과 다양한 예시를 통해 비교와 논리 연산의 개념을 이해했습니다. 이러한 연산자들은 조건문, 반복문, 함수 등 다양한 곳에서 매우 유용하게 사용되므로, 자주 연습하여 능숙하게 활용할 수 있도록 해보세요!