Java Script | ==, ===의 차이점

연산자

목차

1. ==, ===의 차이점
2. 더 알아보기

연산자

1. ==, ===의 차이점

• == (Equal Operator, 동등 연산자) : 두 피연산자의 타입이 서로 다르면 비교를 위해 강제로 타입을 같게 변환함
• === (Strict Equal Operator, 일치 연산자) : 타입과 값이 모두 같을 경우에만 true를 반환함

→ 정확한 비교를 위해선 == 가 아니라 항상 === 를 쓰는 것을 지향함

* 변수를 비교하거나 어떤 비교를 위해 항상 ‘===’ 연산자를 사용 할 것을 권장

2. 더 알아보기

1. null 와 undefined 비교

   // 자동 유형변화 비교
   null == undefined; // expected output: true
   
   // 두 피연산자의 유형이 다르기 때문에 ->false
   null === undefined; // expected output: false
   console.log(typeof null); // expected output: "object"
   console.log(typeof undefined); // expected output: "undefined"
   

   
   

2. ’!=’ 와 ‘!==’ 비교연산자의 차이 : 유형 변환 비교와 엄격한 비교의 [값]과 [자료형]의 다름을 boolean 형식으로 반환

   // 값이 다르지 않음으로 (자료형 비교 안함)
   2 != "2"; // expected output: false
   
   // 두 피연산자의 유형이 다른 것이 맞기 때문에 -> true
   2 !== "2"; // expected output: true
   console.log(typeof 2); // expected output: "number"
   console.log(typeof "2"); // expected output: "string"
   

   
   

3. 비교 연산자를 이용하여, ‘NaN’을 비교 : NaN (Not a Number)은, 어떤 것과도 같지 않다

---

출처

자바스크립트: ‘==’ 와 ‘===’ 는 다르다!
[JS] “==” 와 “===” 연산자의 차이점