[Javascript] 비교 연산자

비교 연산자는 두 좌우변의 값을 비교하여 false/true를 반환하는 연산자입니다.

---

1. 비교 연산자의 종류

연산자	효과
==	좌변 우변이 같다면 true 반환
===	좌변 우변이 같고 데이터 형도 같을때 true 반환
!=	좌변 우변이 다를 경우 true 반환
!==	좌변 우변이 다르거나 데이터 형이 다를 경우 true 반환
<	우변이 더 클 때 true 반환
<=	우변이 더 크거나 같을 경우 true 반환
>	좌변이 더 클 때 true 반환
>=	좌변이 더 크거나 같을 경우 true 반환
?: (삼항 연산자)	조건? 식1: 식2 형태로 사용 조건이 true이면 식1을 진행하고 조건이 false이면 식2를 진행

 

 

2. ==과 ===, !=과 !==

자바스크립트에서 사용되는 특수한 비교 연산자입니다. 앞에서 자바스크립트는 변수 선언에 자료형이 자유롭기 때문에 이러한 연산자 형태가 필요하게되었습니다.

 

자바스크립트에서 ==과 !==는 같은 지를 비교하지만 자료형을 상관하지 않고 순전히 들어있는 수치만 비교해서 같은지를 확인합니다.

즉, 다음과 같은 식은 참이라는 것 입니다.

console.log(1 == true);	//true
console.log(1 == '1');	//true

이런 결과가 나오는 이유는 ==, != 연산자는 비교 과정에서 데이터형을 동일하게 변환한다음에 비교해주기 때문입니다.

 

 

===과 !==는 마찬가지로 같은 지를 비교하지만 자료형을 함께 검사합니다. 수치도 같고 자료형도 같아야만 true를 반환하기 때문에 값도 같고 자료형도 일치해야하는 상황에서 ===과 !==를 사용합니다.

console.log(1 === true);  //false
console.log(1 === '1');	//false
console.log(1 === 1);	//true

 

 

 

3. 참조형의 비교

참조형은 주솟값을 저장한 변수이기 때문에 비교할땐 주의가 필요합니다.

let arr1 = ['가', '나'];
let arr2 = ['가', '나'];

console.log(arr1 == arr2);	//false

두 배열의 값은 동일하지만 비교 연산자는arr1과 arr2의 주솟값을 비교했기 때문에 false를 반환하게 됩니다.

---