El Spread Operator Parte 2
Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy — lección 19 de 65.
El operador spread puede fusionar objetos (JSON):
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Ahora completeProfile tendrá las cuatro claves: name, age, company y position:
console.log(completeProfile);
// Resultado: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}También puede añadir nuevas propiedades y sobrescribir las propiedades existentes mientras se realiza la copia:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};
Desafío
FácilCrea una función llamada mergeCars que reciba dos objetos de coche como parámetros. La función debe fusionar las propiedades del segundo coche en las propiedades del primer coche y devolver un nuevo objeto de coche sin modificar ninguno de los objetos originales.
Hoja de referencia
El operador spread puede fusionar objetos:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};También puede añadir nuevas propiedades y sobrescribir propiedades existentes mientras se realiza la copia:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Pruébalo tú mismo
function mergeCars(car1, car2) {
// Escribe el código aquí
}
// No escribas nada fuera de la función
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Lógica y Flujo
1Strings en profundidad
Fundamentos de stringsIterar sobre stringsTemplate LiteralsMétodos de stringsResumen - String Weaver4JSON Parte 2
Iterar sobre JSONJSON anidadoEncadenamiento opcional en JSONCopia superficial y profundaResumen - Tienda de bicicletasResumen - Sistema solar7Sistema de Gestión de Biblioteca
Descripción general del proyectoAñadir libros
Buscar por títuloFiltrar por géneroMarcar como leído10Gestionar el sistema del festival
Descripción general del proyectoAñadir películas y sedesAñadir proyeccionesComprar entradasCalificar películasCancelar proyecciones2Arreglos multidimensionales
Conceptos básicos de arreglos 2DAcceso a elementos de arreglos 2DBucles anidados con arreglos 2DResumen - Arreglos 2DSuma y resta de matricesArreglos irregulares (Jagged Arrays)Arreglos 3D y más alláPatrones comunes en arreglos 2DResumen - Todo sobre arreglos5Conjuntos Parte 1
¿Qué es un conjunto?Iterar sobre conjuntosAñadir un elementoEliminar un elementoComprobar si un elemento existeTamaño y Is EmptyCopy y ClearResumen - Conceptos básicos de conjuntos8Temas interesantes de Arrays
Desestructuración de ArraysSintaxis Spread en ArraysArrays dispersosResumen - Taller de Arrays3JSON Parte 1
¿Qué es un JSON?Comprobar si existe una claveMétodos de objetoEl Spread Operator Parte 1El Spread Operator Parte 2Eliminar clavesResumen - Manipular claves de JSON