js❤️ - Spread Operator

Spread Operator

Este operador permite "extender" los elementos de una colección en varios elementos o parámetros. Veamos algunos usos:

Añadir un elemento a un array sin modificar el original

const a = [1, 2];
const b = [...a, 5]; // [1, 2, 5]
const c = [9, ...a]; // [9, 1, 2]

Concatenar arrays sin modificar los originales

const a = [1, 2];
const b = [5, 9, 10];
const c = [...a, ...b]; // [1, 2, 5, 9, 10]

Clonar un objeto (solo el primer nivel)

const a = { name: "Javi", num: 1 };
const b = { ...a }; // { name: "Javi", num: 1 }
const eq = (a === b); // false

Cambiar un atributo de un objeto sin modificar el original

const a = { name: "Javi", num: 1 };
const b = { ...a, num: 2 }; // { name: "Javi", num: 2 }

Combinar objetos

const a = { name: "Javi", num: 1 };
const jetpack = { altitude: 2000, speed: 850, num: 4 };
const b = { ...a, ...jetpack };
// { name: "Javi", num: 4, altitude: 2000, speed: 850 }

Pasar un array como una lista de argumentos

const tokens = [2022, 1, 3];
const date = new Date(...tokens); // Thu Feb 03 2022...

Siguiente - Destructuring →