[JavaScript] 자바스크립트 두 개의 값 비교하기 (비교 연산자)

008 _ 자바스크립트 두 개의 값 비교하기 (비교 연산자)

[적용]

• 두 개의 값을 비교하고 싶을 때
• 변수의 값이 동일한지 확인하고 싶을 때

---

[내용]

두 데이터의 값을 비교하여 동일한 값인지 아닌지를 확인할 때 사용한다.

반환값은 참(True) 또는 거짓(False)으로 반환한다.

---

[문법]

구문	의미
A == B	A와 B의 값이 같은가?
A === B	A와 B의 값과 데이터 타입이 같은가?
A != B	A와 B의 값이 다른가?
A !== B	A와 B의 값과 데이터 타입이 다른가?
A < B	A가 B보다 작은가?
A <= B	A가 B보다 작거나 같은가?
A > B	A가 B보다 큰가?
A >= B	A가 B보다 크거나 같은가?

---

[예시1]

데이터 타입이 같을 경우

 

JavaScript

console.log('사과' == '사과');  // 값이 같으므로 True 반환
console.log(10 < 30);  // True
console.log(20 >= 30);  // False

---

[예시2]

배열과 객체 등의 타입 비교는 같은 곳을 참조하고 있는 경우에만 참(True)이 반환된다.

 

JavaScript

const array1 = [1, 2, 3];
const array2 = [1, 2, 3];
console.log(array1 == array2);  // False. 참조하는 곳이 다르다.

const array3 = [1, 2, 3];
const array4 = array3;
console.log(array3 == array4);  // True. 참조하는 곳이 같다.

---

[Appendix]

==와 ===의 차이점

자바스크립트의 데이터는 숫자와 문자열 등의 타입이 있다.

==를 사용한 비교는 두 비교 대상이 다른 타입이라도 동일한 것으로 간주하여 비교한다.

 

JavaScript

console.log(10 == '10');
// 결과: True (두 데이터 모두 같은 데이터 타입으로 간주)

---

===를 사용한 비교는 두 데이터 타입이 다르면 다른 데이터로 간주하여 비교한다.

'!='나 '!=='의 관계와 같다.

 

JavaScript

console.log(10 === '10');
// 결과: False (10과 '10'은 다른 타입으로 간주)

console.log(20 != '20');
// 결과: False (20과 '20'을 같은 타입으로 간주)

console.log(20 !== '20');
// 결과: True (20과 '20'은 다른 타입으로 간주)

---

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김