Study/JavaScript

[JS] 비교 연산자 (== , !== , === , !===)

taecongs 2023. 9. 4. 11:07

알고있으면 좋은 Javascript Tip✨


비교 연산자

  • 자바스크립트는 변수 선언에 자료형이 자유롭기 때문에 연산자의 형태의 구분이 필요하다.

 

(1) == , !== 연산자

console.log(1 == true);	//true
console.log(1 == '1');	//true
  • == , !== 연산자는 자료형을 상관하지 않고 오로지 수치만 비교한다.
  • 쉽게 말해, ==, != 연산자는 비교 과정에서 데이터형을 동일하게 변환한 다음에 비교한다.
  • 양 옆의 값을 비교하기 전에 강제 형 변환을 수행하며, 연산자들을 공통 타입으로 만들고 그 값만 비교한다.

 

(2) == =, !=== 연산자

console.log(1 == true);	//true
console.log(1 == '1');	//true
  • == , !== 연산자는 마찬가지로 같은 지를 비교하지만 자료형을 함께 검사한다.
  • 쉽게 말해, ==, != 연산자는 비교 과정에서 수치도 같고 자료형도 같아야만 true를 반환한다.
  • 강제 형 변환을 수행하지 않고, 타입과 값을 비교하여 엄격하게 수행한다.

 

(3) 형 변환시 무조건 false 인 경우

0, 빈문자열('', "", ``), null, undefined, NaN, Boolean(false)

'Study > JavaScript' 카테고리의 다른 글

[JS] Spread Operator (전개 연산자)  (0) 2023.09.04
[JS] map & filter  (0) 2023.09.04
[JS] 논리 연산자(&&, ||)  (0) 2023.09.04
[JS] 콜백 함수 (Callback Function)  (0) 2023.09.01
[JS] async & await  (0) 2023.09.01