La sintaxis de extensión es una nueva adición al conjunto de operadores en JavaScript ES6. Toma un iterable (por ejemplo, una matriz) y lo expande en elementos individuales.

La sintaxis de propagación se usa comúnmente para hacer copias superficiales de objetos JS. El uso de este operador hace que el código sea conciso y mejora su legibilidad.

Sintaxis

La sintaxis propagación se denota por tres puntos, ….

let array = [...value]

Dado que la estructura de datos de matriz se usa ampliamente, se considerará en todos los ejemplos siguientes.

1. Copiar una matriz

El array2tiene los elementos de array1copiado en él. Cualquier cambio realizado en array1no se reflejará en array2y viceversa.

Si se hubiera utilizado el operador de asignación simple, se array2le habría asignado una referencia array1y los cambios realizados en una matriz se reflejarían en la otra matriz, lo que en la mayoría de los casos no es deseable.

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

Se puede ver que la sintaxis extendida se puede usar para agregar una matriz después de cualquier elemento de la segunda matriz. En otras palabras, no hay ninguna limitación que dessertssolo pueda agregarse al principio del final de la desserts1matriz.

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));

Espero que hayas disfrutado esta publicación.