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

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

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

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

javascriptlet ind = 3;

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

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

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

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