JavaScriptにおける配列へのイミュータブルな要素追加

では、配列にイミュータブルに要素を追加する方法を学びましょう。例として、次のような配列があるとします:

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

この配列に新しい要素を追加してみましょう。私たちのアプローチによれば、配列のコピーを作成し、そのコピーに新しい要素を追加する必要があります。それでは実行してみましょう:

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

let res = copy;

次に、分割代入を用いた2つ目のアプローチを試してみましょう:

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

ボタンを作成し、クリック時に配列へ新しい要素をイミュータブルに追加するようにしてください。