JavaScript에서 배열 요소를 불변하게 삭제하기

이제 배열에서 요소를 불변하게 삭제하는 방법을 배워봅시다. 예를 들어 다음과 같은 배열이 있다고 가정해 보겠습니다:

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

삭제할 요소의 인덱스를 변수 ind에 저장해 두겠습니다:

let ind = 3;

주어진 인덱스의 요소를 삭제해 봅시다. 우리의 접근 방식에 따라 배열의 복사본을 만들고 복사본에서 요소를 삭제해야 합니다. 이를 구현해 보겠습니다:

let copy = Object.assign([], arr);
copy.splice(ind, 1);
let res = copy;

두 번째 접근 방식을 사용해 보겠습니다:

let res = [
	...arr.slice(0, ind),
	...arr.slice(ind + 1)
];

클릭 시 배열에서 요소를 삭제하는 버튼을 만드세요. 삭제할 요소의 인덱스는 변수에 저장되어 있다고 가정합니다.