undefinedschool / notes-es6-spread-operator

Notas sobre ES6 Spread Operator

👉 Ver todas las notas

El spread operator se utiliza para dispersar los elementos de una colección (objeto con ciertas propiedades) iterable (por ejemplo Array, Map y Set), y tratarlos como cosas sueltas

const nums1 = [1, 2, 3];
const nums2 = [4, 5, 6];

console.log(...nums1);

// agregar adelante
console.log([...nums1, 4, 5, 6]);
// concatenar
num2.concat(num1);
console.log([4, 5, 6, ...nums1]);
// magia
console.log([1, ...nums2, 2, 3]);

// más magia
function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];
// si queremos invocar a la función sum con los valores del array numbers...
sum(numbers[0], numbers[1], numbers[2]);

// o podemos usar spread!
console.log(sum(...numbers));

// duplicar arrays
const x = [1, 2, 3];
const y = [...x];

console.log(y);
console.log([...x, ...y]);

// obtener máximo y mínimo
const x = [1, 2, 3];

console.log(Math.max(...x));
console.log(Math.min(...x));