JavaScriptにおける配列要素の不変変更

では、配列内の要素を不変に変更する方法を学びましょう。例として、ある配列があるとします：

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

変更するインデックスが変数 ind に格納されているとします：

let ind = 3;

指定されたインデックスの要素を変更してみましょう。私たちのアプローチでは、配列のコピーを作成し、そのコピー内の要素を変更する必要があります。それを行いましょう：

let copy = Object.assign([], arr);
copy[ind] = '!';
let res = copy;

第二のアプローチを利用してみましょう：

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

配列要素を変更するボタンを作成してください。変更する要素のインデックスは変数に格納されているとします。