자바스크립트 비교 연산자 : ==, ===, !=, !==, >, <, >=, <=
천둥상어
·2023. 11. 28. 06:00
반응형
"자바스크립트에서는 다양한 비교 연산자를 사용하여 값들 간의 관계를 평가할 수 있습니다.
이 비교 연산자들은 조건문, 반복문 등에서 사용되며 프로그램의 흐름을 제어하는 데에 중요한 역할을 합니다.
자바스크립트에서 주로 사용되는 비교 연산자에 대한 설명과 예시를 제공합니다."
동등(==) 및 일치(===) 연산자
동등(==) 연산자
- 두 값이 같으면 'true', 다르면 'false'를 반환합니다.
- 형 변환을 수행하여 타입이 다른 경우에도 비교합니다.
console.log(5 == "5"); // true
console.log(true == 1); // true
console.log(false == 0); // true
일치(===) 연산자
- 두 값이 타입과 값이 모두 같으면 'true', 다르면 'false'를 반환합니다.
- 타입 변환을 수행하지 않습니다.
console.log(5 === "5"); // false
console.log(true === 1); // false
console.log(false === 0); // false
부등(!=) 및 불일치(!==) 연산자
부등(!=) 연산자
- 두 값이 다르면 'true', 같으면 'false'를 반환합니다.
- 형 변환을 수행하여 타입이 다른 경우에도 비교합니다.
console.log(5 != "5"); // false
console.log(true != 1); // false
console.log(false != 0); // false
불일치(!==) 연산자
- 두 값이 타입과 값이 모두 다르면 'true', 같으면 'false'를 반환합니다.
- 타입 변환을 수행하지 않습니다.
console.log(5 !== "5"); // true
console.log(true !== 1); // true
console.log(false !== 0); // true
크다(>), 작다(<), 크거나 같다(>=), 작거나 같다(<=) 연산자
console.log(5 > 3); // true
console.log(5 < 3); // false
console.log(5 >= 5); // true
console.log(5 <= 3); // false
마무리
이러한 비교 연산자들은 주로 조건문에서 사용되며, 값들 간의 관계를 확인하여 프로그램의 흐름을 조절하는 데에 활용됩니다.
정확한 비교를 수행하고 의도치 않은 결과를 방지하기 위해 비교 연산자의 특성을 잘 이해하고 사용하는 것이 중요합니다.
예로 == 와 ===의 차이를 단순히 엄격하냐 덜 엄격하냐 정도로 생각하지 말고 형변환 수행 여부에 따른 차이라는 점을 알아야 합니다.
반응형
'프로그래밍 > JavaScript 기초' 카테고리의 다른 글
자바스크립트 논리 연산자 : &&, ||, ! (1) | 2023.11.29 |
---|---|
자바스크립트 변수와 상수 : let, const (0) | 2023.11.28 |
자바스크립트의 조건문 : switch문 (1) | 2023.11.27 |
자바스크립트 조건문 : if문 (0) | 2023.11.27 |
자바스크립트의 다양한 반복문 비교와 성능 평가 (2) | 2023.11.26 |