📆 날짜

2023/12/06(수)

📚 챕터

비교 공식 Object.is

---

👨🏻‍💻 학습내용

Object.is는 Object.is(인수1,인수2); 처럼
두 개의 인수를 받으며,이 인수 두 개가 동일한지 확인하고
반환하는 메서드다.
Object.is는 동등비교연산자(==)나 일치비교연산자(===)와 어떤 차이점을 가지고 있는지 살펴보자.

🎯 동등비교연산자( == ) 🆚 Object.is

• 동등 비교연산자는 같음을 비교하기 전에
  양쪽이 같은 타입이 아니라면 비교할 수 있도록 강제로 형변환(type casting)을 한 후에 변경한다.
  즉 5 == '5'와 같이 형 변환 후에 값이 동일하다면 ==는 true를 반환한다.
  하지만 Object.is는 이러한 작업을 하지 않는다. 즉, ===와 동일하게 타입이 다르면 그냥 false다.

🎯 일치비교연산자 ( === ) 🆚 Object.is

• 일치비교연산자 보다 Object.is가 좀 더 개발자가 기대하는 방식으로 정확히 비교한다.
  예제코드를 살펴보자.

<script>
-0 === +0// true
Object.is(-0, +0)//false

Number.NaN === NaN // false
Object.is(Number.NaN,NaN) // true

NaN === 0 / 0 //false
Object.is(NaN, 0 / 0) // true
</script>

이렇듯 동등비교연산자(==)나 일치비교연산자(===)가 만족하지 못하는 몇 가지 특이한 케이스를 추가하기 위해,
Object.is가 나름 알고리즘으로 작동하는 것을 알 수 있다.
한가지 주의해야 할 점은. Object.is를 사용한다 하더라도 객체 비교에는
별 차이가 없다는 것이다. 객체 비교는 앞서 이야기한 객체 비교 원리와 동등하다.
객체 비교 원리

<script>
Object.is({},{})//false

const a = {
	hello : 'hi',
    }
    
    const b = a;
    
    Object.is(a,b)//true
    a === b // true
</script>

Object.is는 일치 비교 연산자 (===) 가 가지는 한계를 극복하기 위해 ES6부터 만들어졌다.
하지만 여전히 객체 간 비교에 있어서는 자바스크립트의 특징으로 인해 일치비교연산자(===)와 동일하게 동작하는것을 알 수 있다.

➡️ 다음은 리액트에서의 동등 비교에 대해 알아보자.