La syntaxe spread est un nouvel ajout à l'ensemble d'opérateurs de JavaScript ES6. Il prend un itérable (par exemple un tableau) et le développe en éléments individuels.

La syntaxe spread est couramment utilisée pour créer des copies superficielles d'objets JS. L'utilisation de cet opérateur rend le code concis et améliore sa lisibilité.

Syntaxe

La syntaxe de propagation est indiquée par trois points, ….

let array = [...value]

Étant donné que la structure de données de tableau est largement utilisée, elle sera considérée dans tous les exemples suivants.

1. Copier un tableau

Le array2a les éléments de array1copiés dedans. Toute modification apportée à array1ne sera pas répercutée dans array2et vice versa.

Si l'opérateur d'affectation simple avait été utilisé, array2une référence lui aurait été attribuée array1et les modifications apportées dans un tableau se refléteraient dans l'autre tableau, ce qui dans la plupart des cas n'est pas souhaitable.

let array1 = ['h', 'e', 'l', 'l', 'o'];
let array2 = [...array1];
console.log(array2);
['h', 'e', 'l', 'l', 'o'] // output

On peut voir que la syntaxe spread peut être utilisée pour ajouter un tableau après n'importe quel élément du deuxième tableau. En d'autres termes, il n'y a pas de limitation qui dessertsne peut être ajoutée qu'au début de la fin du desserts1tableau.

let desserts = ['cake', 'cookie', 'donut'];
let desserts1 = ['icecream', 'flan', 'frozen yoghurt', ...desserts];
console.log(desserts);
//Appending baked_desserts after flan
let desserts2 = ['icecream', 'flan', ...desserts, 'frozen yoghurt'];
console.log(desserts2);
// output
[ 'cake', 'cookie', 'donut' ]
[ 'icecream', 'flan', 'cake', 'cookie', 'donut', 'frozen yoghurt' ]

function multiply(number1, number2, number3) {
  console.log(number1 * number2 * number3);
}
let numbers = [1,2,3];
multiply(...numbers);

//Passing elements of the array as arguments to the Math Object
let numbers = [1,2,300,-1,0,-100];
console.log(Math.min(...numbers));

J'espère que vous avez apprécié ce post.