불변성의 개념이 잘 이해가 가지 않습니다.

안녕하세요.

아래와 같이 fruits 배열이 있을 때

const fruits = ["딸기", "바나나"]

우리는 "오렌지"가 추가된 배열을 얻고자 합니다.

그럼 이때 fruits.push("오렌지"); 라고 쓴다면, fruits 배열은 ["딸기", "바나나", "오렌지"]가 되지만 이는 fruits 배열을 변경한 것이기에 불변성을 지키지 못한 사례입니다.

불변성을 지키기 위해, fruits 배열은 변경하지 않고 참조만 하여 새로운 배열을 만들어낼 수도 있습니다. 이때 기존 배열을 지우는 과정은 없습니다. 단순히 참조만 하는 거죠.

const fruits = ["딸기", "바나나"]
const newFruits = [...fruits, "오렌지"];

그럼 newFruits는 ["딸기", "바나나", "오렌지"] 값을 가지는 배열이 됩니다. fruits 배열은 변경되지 않았고 ["딸기","바나나"] 값을 그대로 가지고 있습니다.

살펴보시고 잘 이해가 안 되시면 추가 질문 주세요.

화이팅입니다. :-)