JavaScript: Propagación o Spread Operator

js-spread-operator.md

JavaScript: Propagación o Spread Operator

Propagación significa esparcirse o expandirse. Y el operador de propagación en JavaScript se indica con tres puntos.

Documentación: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Spread_syntax

Array

Ejemplo: Concatenar dos arrays

// Concatenar dos arrays en forma estandar .concat()
let array1 = [1, 2, 3, 4, 5]
let array2 = [6, 7, 8, 9, 10]

let array3 = array1.concat(array2);
console.log(array3)

// Concatenar dos arrays con spread operator
let array1 = [1, 2, 3, 4, 5]
let array2 = [6, 7, 8, 9, 10]

let array3 = [...array1, ...array2]
console.log(array3)  // Output: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Ejemplo: Agregar un elemento al final de un array ya existente

let array1 = [1, 2, 3, 4, 5]
let array2 = [...array1, 6]

console.log(array2);  // Output: [1, 2, 3, 4, 5, 6]

Ejemplo: Agregar un elemento al inicio de un array ya existente

let array1 = [1, 2, 3, 4, 5]
let array2 = [0, ...array1]

console.log(array2);  // Output: [0, 1, 2, 3, 4, 5]

Objetos

Ejemplo: Fusionar dos objetos

let object1 = {
    firstName: "Joe",
    age: 24, 
    salary: 300,
}

let object2 = {
    lastName: "Doe",
    height: '1.80 meters',
    weight: '84 Kg'
}

let object3 = {...object1, ...object2}
console.log(object3);

Ejemplo: Cambiar el valor de un clave dentro del objeto

let person = {
  name: 'Joe',
  age: '34',
  hight: '1.80 meters'
}

person = {...person, name: 'Jimmy'}
console.log(person);