Modificación inmutable de elementos de un array en JavaScript
Ahora aprendamos a realizar modificaciones inmutables de elementos en un array. Supongamos para el ejemplo que tenemos un array:
let arr = [1, 2, 3, 4, 5];
Supongamos que el índice a modificar
se almacena en la variable ind:
let ind = 3;
Modifiquemos el elemento con el índice dado. Según nuestro enfoque debemos hacer una copia del array y modificar el elemento en la copia. Hagámoslo:
let copy = Object.assign([], arr);
copy[ind] = '!';
let res = copy;
Utilicemos el segundo enfoque:
let res = [
...arr.slice(0, ind),
'!',
...arr.slice(ind + 1)
];
Cree un botón que, al hacer clic, modifique un elemento del array. Supongamos que el índice del elemento a modificar se almacena en una variable.