JavaScript에서 배열에 불변(Immutable) 방식으로 요소 추가하기

이제 배열에 불변 방식으로 요소를 추가하는 방법을 배워봅시다. 예를 들어 다음과 같은 배열이 있다고 가정하겠습니다:

let arr = [1, 2, 3, 4, 5];

이 배열에 새로운 요소를 추가해 봅시다. 우리의 접근 방식에 따르면 배열의 복사본을 만든 후, 새 요소를 그 복사본에 추가해야 합니다. 이를 구현해 보겠습니다:

let copy = Object.assign([], arr);
copy.push(6);

let res = copy;

이제 전개 연산자를 사용한 두 번째 접근 방식을 활용해 보겠습니다:

let res = [...arr, 6];

클릭 시 배열에 새로운 요소를 불변 방식으로 추가하는 버튼을 만드세요.