자바스크립트 동등 연산자 == 와 일치 연산자 ===

 

📣 Equality vs Identity

 

자바스크립트에서 두 개의 피연산자가 동일한지 확인하는 방법은 두 가지가 있다.

 

- 동등 연산자 (equality operator) ==

- 일치 연산자 (identity operator) ===

 

두 연산자의 차이점은, 동등 연산자는 타입을 변환해서 검사하고 일치 연산자는 그렇지 않다는 것이다.

 

const stringFive = '5';
const numberFive = 5;

// == loose equality, with type conversion
console.log(stringFive == numberFive); //true
console.log(stringFive != numberFive); //false

// === strict equality, no type conversion
console.log(stringFive === numberFive); //false
console.log(stringFive !== numberFive); //true

 

위 코드에서 연산결과를 보면 동등 연산자는 '5'와 5를 같다고 인식한다. 왜냐면 타입을 변환해서 검사하기 문자열과 숫자를 같다고 보기 때문이다. 하지만 일치 연산자는 타입이 다르면 같지 않다고 판단한다.

 

일치 연산자(===)의 검사 기준이 더 높기 때문에 strict equality라고도 불린다. 동등 연산자(==)는 loose equality라고도 한다.

 

💡 Object equality

 

오브젝트는 메모리에 reference형태로 저장된다. 오브젝트끼리 비교할 때는 Reference가 같은지 같지 않은지를 판단한다.

 

const stringFive = '5';
const numberFive = 5;

// object equality by reference
const ellie1 = { name: 'ellie' };
const ellie2 = { name: 'ellie' };
const ellie3 = ellie1;
console.log(ellie1 == ellie2); //false
console.log(ellie1 === ellie2); //false
console.log(ellie1 === ellie3); //true

 

ellie1과 ellie2는 똑같은 값을 갖고 있지만 애초에 다른 reference에 저장됐기 때문에 어떻게 비교해도 False이다.

 

ellie3은 ellie1한테서 reference를 넘겨받았기 때문에 같은 reference를 갖고 있다. 이 둘을 비교하면 True이다.

 

출처 : 드림코딩

 

✅ 연습 문제

 

// equality - puzzler
console.log(0 == false); //t
console.log(0 === false); //f
//0,null,'',undefined는 다 false로 간주될 수 있다
//0는 bullean 타입이 아니라서 f

console.log('' == false); //t
console.log('' === false); //f
console.log(null == undefined); // t
console.log(null === undefined); // f

 

 

📚 Reference

- 유튜브 드림코딩 by 엘리 : 자바스크립트 4. 코딩의 기본