Immutable Ändern von Array-Elementen in JavaScript

Lassen Sie uns nun lernen, wie man Elemente in einem Array immutable ändert. Nehmen wir zur Veranschaulichung an, wir haben ein Array:

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

Nehmen wir an, der Index des zu ändernden Elements ist in der Variable ind gespeichert:

javascriptlet ind = 3;

Lassen Sie uns das Element mit dem gegebenen Index ändern. Nach unserem Ansatz müssen wir eine Kopie des Arrays erstellen und das Element in der Kopie ändern. Machen wir das:

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

Verwenden wir nun den zweiten Ansatz:

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

Erstellen Sie einen Button, bei dessen Klick ein Element des Arrays geändert wird. Der Index des zu ändernden Elements soll in einer Variable gespeichert sein.