React : 불변성 유지하기 (concat, slice)

배열을 직접적으로 수정하는 메소드

pop, push, shift, unshift, splice

등등.. 얘들은 불변성 유지 때문에 리액트에서 거의 쓰면 안된다.
만약 쓰려면 immer 라이브러리를 이용하면 된다.

---

새로운 배열을 만드는 메소드

concat, slice, map, filter, reduce,

얘들은 써도 된다.

1. map(): 배열의 모든 요소를 순회하면서 각 요소에 대해 주어진 함수를 호출하여 새로운 배열을 생성한다.
2. filter(): 주어진 조건을 만족하는 배열 요소만으로 새로운 배열을 생성한다.
3. reduce(): 배열의 각 요소를 순회하면서 주어진 함수를 적용하여 하나의 결과값을 얻는다.
4. concat(): 기존 배열과 다른 배열(또는 값)을 합쳐서 새로운 배열을 생성한다.
5. slice(): 배열의 일부분을 추출하여 새로운 배열을 생성한다.

---

출처 : ZeroCho, mdn