Modification immuable des éléments d'un tableau en JavaScript
Apprenons maintenant à effectuer une modification immuable des éléments dans un tableau. Prenons par exemple un tableau donné :
let arr = [1, 2, 3, 4, 5];
Supposons que l'index à modifier
soit stocké dans la variable ind :
let ind = 3;
Modifions l'élément à l'index donné. Selon notre approche, nous devons créer une copie du tableau et modifier l'élément dans la copie. Procédons ainsi :
let copy = Object.assign([], arr);
copy[ind] = '!';
let res = copy;
Utilisons la seconde approche :
let res = [
...arr.slice(0, ind),
'!',
...arr.slice(ind + 1)
];
Créez un bouton sur lequel un clic déclenchera la modification d'un élément du tableau. Supposons que l'index de l'élément à modifier soit stocké dans une variable.