[react]react 배열 추가/ push를 사용하지 않는 이유

const food = [1,2,3,4]
food.push(5);


const food = [1,2,3,4];
[...food, 5];

리액트 강의 들을 때 헷갈렸던 부분 왜 push를 사용하지 않고 전개 연산자를 사용하는지?

 

결과가 같아 보일 수 있지만 .push()를 사용하면 food 배열이 [1,2,3,4,5]로 변경되는 반면 

 

전개연산자 ...food를 사용하면 기존의 배열은 변경되지 않음.

 

기존 배열을 변경하지 않고 불변성을 유지하기 위해 전개연산자를 사용.

 

push와 마찬가지로 slice, pop을 사용하지 않는 것을 권장한다고 함.