자바스크립트 비교 연산자와 조건문 활용법

자바스크립트 비교 연산자와 조건문 활용법

자바스크립트에서 비교 연산자는 조건문과 함께 코드의 흐름을 제어하는 데 중요한 역할을 합니다. 이 글에서는 자바스크립트의 다양한 비교 연산자와 조건문 활용법을 자세히 설명하겠습니다.

 

 

목차

• 1. 비교 연산자의 종류
• 2. 동등 연산자(==)와 일치 연산자(===)의 차이
• 3. 부등 연산자(!=)와 불일치 연산자(!==)
• 4. 대소 비교 연산자
• 5. 논리 연산자와 결합
• 6. 조건문의 활용법
• 7. 실전 예제

 

 

1. 비교 연산자의 종류

자바스크립트에는 여러 가지 비교 연산자가 있으며, 이들을 사용하여 두 값의 관계를 비교할 수 있습니다. 주요 비교 연산자는 다음과 같습니다:

• == (동등 연산자): 두 값이 동등한지 비교합니다. 타입 변환을 허용합니다.
• === (일치 연산자): 두 값이 일치하는지 비교합니다. 타입 변환을 허용하지 않습니다.
• != (부등 연산자): 두 값이 같지 않은지 비교합니다. 타입 변환을 허용합니다.
• !== (불일치 연산자): 두 값이 일치하지 않는지 비교합니다. 타입 변환을 허용하지 않습니다.
• > (크다): 왼쪽 값이 오른쪽 값보다 큰지 비교합니다.
• < (작다): 왼쪽 값이 오른쪽 값보다 작은지 비교합니다.
• >= (크거나 같다): 왼쪽 값이 오른쪽 값보다 크거나 같은지 비교합니다.
• <= (작거나 같다): 왼쪽 값이 오른쪽 값보다 작거나 같은지 비교합니다.

 

 

2. 동등 연산자(==)와 일치 연산자(===)의 차이

동등 연산자와 일치 연산자는 자주 혼동되는 비교 연산자입니다. 이 둘의 차이점은 다음과 같습니다:

• 동등 연산자 (==): 두 값의 타입을 무시하고 동등한지를 비교합니다. 예를 들어, 5 == '5'는 true를 반환합니다.
• 일치 연산자 (===): 두 값의 타입까지 일치하는지를 비교합니다. 예를 들어, 5 === '5'는 false를 반환합니다.

 

 

3. 부등 연산자(!=)와 불일치 연산자(!==)

부등 연산자와 불일치 연산자도 유사한 기능을 하지만, 타입 변환의 유무에 따라 차이가 있습니다:

• 부등 연산자 (!=): 두 값이 같지 않으면 true를 반환합니다. 타입 변환을 허용합니다. 예를 들어, 5 != '5'는 false를 반환합니다.
• 불일치 연산자 (!==): 두 값이 일치하지 않으면 true를 반환합니다. 타입 변환을 허용하지 않습니다. 예를 들어, 5 !== '5'는 true를 반환합니다.

 

 

4. 대소 비교 연산자

대소 비교 연산자는 숫자뿐만 아니라 문자열의 사전 순서를 비교할 때도 사용됩니다:

• > (크다): 왼쪽 값이 오른쪽 값보다 큰 경우 true를 반환합니다. 예를 들어, 10 > 5는 true입니다.
• < (작다): 왼쪽 값이 오른쪽 값보다 작은 경우 true를 반환합니다. 예를 들어, 5 < 10은 true입니다.
• >= (크거나 같다): 왼쪽 값이 오른쪽 값보다 크거나 같은 경우 true를 반환합니다. 예를 들어, 10 >= 10은 true입니다.
• <= (작거나 같다): 왼쪽 값이 오른쪽 값보다 작거나 같은 경우 true를 반환합니다. 예를 들어, 5 <= 10은 true입니다.

 

 

 

5. 논리 연산자와 결합

비교 연산자는 논리 연산자와 결합하여 보다 복잡한 조건을 만들 수 있습니다:

• && (AND 연산자): 모든 조건이 참인 경우에만 true를 반환합니다. 예를 들어, (5 > 3) && (8 > 5)는 true입니다.
• || (OR 연산자): 하나 이상의 조건이 참인 경우 true를 반환합니다. 예를 들어, (5 > 3) || (8 < 5)는 true입니다.
• ! (NOT 연산자): 조건의 결과를 반대로 바꿉니다. 예를 들어, !(5 > 3)는 false입니다.

 

 

6. 조건문의 활용법

조건문은 비교 연산자와 함께 사용되어 코드의 흐름을 제어하는 데 중요한 역할을 합니다. 가장 흔히 사용되는 조건문은 if, else if, else 문입니다:

let score = 85;
if (score >= 90) {
    console.log('A');
} else if (score >= 80) {
    console.log('B');
} else if (score >= 70) {
    console.log('C');
} else {
    console.log('F');
}

위 예제에서는 score 값에 따라 다른 등급을 출력하는 조건문을 작성했습니다. 각 조건은 비교 연산자를 사용하여 정의됩니다.

 

 

7. 실전 예제

비교 연산자와 조건문을 사용한 실전 예제를 통해 좀 더 이해해 보겠습니다:

// 나이와 권한을 비교하여 접근 허용 여부를 결정하는 코드
let age = 20;
let hasPermission = true;

if (age >= 18 && hasPermission) {
    console.log('접근 허용');
} else {
    console.log('접근 불가');
}

위 예제에서는 age와 hasPermission 변수를 비교하여 접근 허용 여부를 결정합니다. age가 18 이상이고 hasPermission이 참일 때만 접근이 허용됩니다.