Imutabilní změna prvků pole v JavaScriptu

Nyní se naučme, jak provádět imutabilní změny prvků v poli. Jako příklad mějme nějaké pole:

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

Nechť index prvku, který má být změněn, je uložen v proměnné ind:

javascriptlet ind = 3;

Nyní změňme prvek s daným indexem. Podle našeho přístupu musíme vytvořit kopii pole a změnit prvek v kopii. Udělejme to:

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

Použijme druhý přístup:

javascriptlet res = [
  ...arr.slice(0, ind),
  '!',
  ...arr.slice(ind + 1)
];
Задание 1

Vytvořte tlačítko, při jehož kliknutí dojde k změně prvku pole. Nechť index prvku, který má být změněn, je uložen v proměnné.