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...
Top comments (0)