[React] 불변객체로 변수 비교의 장점

결론적으로 변수를 불변객체로 관리하면 나중에 두개의 변수를 비교할 때 편리하다.

 

이 말을 밑에 예시 코드로 확인해보자.

const animal1 = {
	animal: [
    	{name: "dog", age: 10},
        {name: "cat", age: 20}
    ]
}

const animal2 = {
	animal: [
    	{name: "dog", age: 10},
        {name: "cat", age: 18}
    ]
}

위의 animal1 과 animal2를 비교한다고 해보자.

 

만약 불변성을 유지하지 않은채로 변수를 관리 한다면

1. animal1.animal.length === animal2.animal.length

2. animal1.animal[0] === animal2.animal[0]

3. animal1.animal[1] === animal2.animal[1]

이런식으로 비교를 해야하지만

 

불변성을 유지한 불변객체라면
1. animal1 === animal2

이렇게 비교하면 된다.