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

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

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

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

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

let res = copy;

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

javascriptlet res = [...arr, 6];
Задание 1

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