Playground: Combina objetos JSON con el Spread Operator

¿Tambien pulsaroncontrol + S? xd

Aca mi aporte, simplificando un poco , y formateado para mejor lectura.

export function solution(
  json1 = {
    name: 'Mr. Michi',
    food: 'Pescado',
  },
  json2 = {
    age: 12,
    color: 'Blanco',
  }
) {
  return { ...json1, ...json2 };
}

yo le tiré esa… * ruidito de mate *

export function solution(json1, json2) {
  json1 = json1 || { name: "Mr. Michi", food: "Pescado" };
  json2 = json2 || { age: 12, color: "Blanco" };

  return { ...json1, ...json2 }
}

Hermanos, esto ¡ESTÁ DE LOCOS! Amé esta implementación para poder practicar…

¡Esto, está genial!!! Me gusta esta implementación. Me acosté algo tarde estudiando y veo que añadieron esta maravilla.

Muy buena funcionalidad, me gustó muhco. En lo que tuve dificultades es en entender las instrucciones y en que cosas debía modifcar y cuales no ya que al inicio dice que el código va en la segunda linea pero en la solución si tocan el input de la primera linea.

Excelente implementación, deberían considerar evaluar cada tema de esta manera e implementarlo en el examen final del curso.

yo pense que mi codigo estaba mal por que no me aparecia nada en la consola, pero era por que estaba solo llamando a la funcion solution(); , y tenia que llamarlo con console.log(solution());

function solution(
    json1 = {
        name: "Mr. Michi",
        food: "Pescado",
    },
    json2 = {
        age: 12,
        color: "Blanco",
    }
) {
    return {
        ...json1,
        ...json2,
    };
}
console.log(solution());

La calidad de platzi va en aumento, sin duda es una plataforma educativa que comprende a cabalidad lo que significa aprender :’)

Esta es mi solucion que en mi editor funciona pero aca no.

export function solution(json1, json2) {
  // Tu código aquí 👈
  let res = {...json1, ...json2}
  return res
}

const jason1 = {
  name: "Mr. Michi",
  food: "Pescado"
}

const jason2 = {
  age: 12,
  color: "Blanco"
}

console.log(solution(jason1,jason2))

acá está mi solución
Para evitar spoiler

.
.
.
.
.
.
.
.

export function solution(json1 = { name: 'Mr. Michi', food: 'Pescado' }, json2 = { age: 12, color: 'Blanco' }) {
  
  return { ...json1, ...json2 };
}

Aquí esta la solución de este ejercicio, le hice con el Nullish coalescing operator

export function solution(json1, json2) {
  json1 ?? { name: "Mr. Michi", food: "Pescado" },
    json2 ?? { age: 12, color: "Blanco" }

  return { ...json1, ...json2 }
}

Mi respuesta, ojo se spoilea.

Se me olvidó usar los parámetros por defecto que nos enseñaron!!

function solution(json1, json2) {
    if (json1 === undefined && json2 === undefined) {
        let json1 = { name: "Mr. Michi", food: "Pescado" };
        let json2 = { age: 12, color: "Blanco" };
        let data = { ...json1, ...json2 };
        return data;
    }else if(json1 === undefined) {
        let json1 = { name: "Mr. Michi", food: "Pescado" };
        let data = { ...json1, ...json2 };
        return(data);
    }else if(json2 === undefined) {
        let json2 = { age: 12, color: "Blanco" };
        let data = { ...json1, ...json2 };
        return(data);
    }else {
        let data = { ...json1, ...json2 };
        return(data)
    }
}

solution({ name: "Pepito", food: "Pancito" }, { age: 22, color: "Verde" });

const obj1 = {
  name: "Mr. Michi",
  food: "Pescado",
};

const obj2 = {
  age: 12,
  color: "Blanco",
};

export function solution(json1 = obj1, json2 = obj2) {
  const data = { ...json1, ...json2 };

  return data;
  // Tu código aquí 👈
}

Waos, pues se le pone los tres puntos a todos los objetos xd.

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {
  return { ...json1, ...json2 }
}

Mi solución:

function solution(json1 = {name: "Mr. Michi", food: "Pescado"}, json2 = {age: 12, color: "Blanco"}) {
        let json3 = {...json1, ...json2}
        return json3;
}

export function solution(
  json1 = {
    name: "Mr. Michi",
    food: "Pescado",
  },
  json2 = {
    age: 12,
    color: "Blanco",
  }
) {
  return { ...json1, ...json2 };
}

reto solucionado

export function solution(json1, json2) {
 // Tu código aquí 👈
  json1 = json1 || {name: "Mr. Michi", food: "Pescado" }
  json2 = json2 || { age: 12, color: "Blanco" }

  return {...json1, ...json2}
}

export function solution(json1, json2) {
  // Valores por defecto para los objetos JSON
  const defaultJson1 = {
    name: "Mr. Michi",
    food: "Pescado"
  };

  const defaultJson2 = {
    age: 12,
    color: "Blanco"
  };

  // Combina los objetos utilizando el spread operator
  const combinedObject = {
    ...defaultJson1,
    ...json1,
    ...defaultJson2,
    ...json2
  };

  return combinedObject;
}

esta fué mi solución

export function solution(json1, json2) {
  let obj1 = json1 || {name: "Mr. Michi", food: "Pescado"};
  let obj2 = json2 || {age: 12, color: "Blanco"};
  let resultado = { ...obj1, ...obj2 };
  return resultado;
}

:0

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {
 // Tu código aquí 👈
 return {...json1, ...json2}
}

solution({
  name: "Bigotes",
  food: "Pollito"
})

🦄✨

No lo saqué a la primera porque no había entendido el ejercicio 🫠
Estaba haciendo solamente esto:

export function solution() {
  return { ...json1, ...json2 };
}

Pero ya después en el último intento entendí que los json debían tener valores por defecto jaja
Y a la final me quedó así:

export function solution(
  json1 = {
    name: "Mr. Michi",
    food: "Pescado",
  },
  json2 = {
    age: 12,
    color: "Blanco",
  }
) {
  return { ...json1, ...json2 };
}

mi solucion (es muy satisfacotrio cuando sale a la primera)

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {

  const union = { ...json1, ...json2 }
return union
   // Tu código aquí 👈
}

(L)

const JSON1 = {
  name: "Mr. Michi",
  food: "Pescado"
}

const JSON2 = {
  age: 12,
  color: "Blanco"
}

export function solution(json1 = JSON1, json2=JSON2) {
 // Tu código aquí 👈
  return {
    ...json1,
    ...json2
  }
}

Mi solucion

export function solution(
  json1 = {
    name: "Mr. Michi",
    food: "Pescado",
  },
  json2 = {
    age: 12,
    color: "Blanco",
  }
) {
  let data = { ...json1, ...json2 }
  return data
}

Una de las soluciones que se puede implementar

export function solution(
  json1 = { name: "Mr. Michi", food: "Pescado" },
  json2 = { age: 12, color: "Blanco" }) {
  let data = { ...json1, ...json2 }; // junta ambos json
  return data;
}

solution({
  name: "Bigotes",
  food: "Pollito"
})

const JSON1 = {
  name: "Mr. Michi",
  food: "Pescado"
}

const JSON2 = {
  age: 12,
  color: "Blanco"
}

export const solution = (json1 = JSON1, json2 = JSON2) => ({...json1, ...json2})

Mi solución 🤓

export function solution(json1, json2) {
  let defaultJson = {
    name: "Mr. Michi",
    food: "Pescado",
    age: 12,
    color: "Blanco"
  }
  return { ...defaultJson, ...json1, ...json2 };
}

function solution(json1, json2) {

    json1 = {
        name: 'Mr. Michi',
        food: 'Pescado',
      },
      json2 = {
        age: 12,
        color: 'Blanco',
      }

    console.log({...json1,...json2})
    }
    
    solution()```

Mi solución

<code> 
export function solution(json1, json2) {
  json2 = json2 || {...cat}
  return { ...json1, ...json2 };
  console.log(resultado)
}

var cat = {
  age: 12,
  color: "Blanco"
};

solution(
  {
    name: "Bigotes",
    food: "Pollito"
  })

Quien esta en el dia: 7/12/23

Aqui mi aporte

export function solution(
  json1 = {
    name: 'Mr. Michi',
    food: 'Pescado'
  },

  json2 = {
    age: 12,
    color: 'Blanco'
  })
{
  return { ...json1, ...json2 };
}

Esta interesante esta metodología de desafíos😁

Spoilers

.

.

.

.

.

.

.

.

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"}) {
  let merge = { ...json1, ...json2 }
  return merge
}

Poner por default los objetos json
en una variable nueva fusionar los json y retornar el valor

¡No apliques este código en el ejercicio!
Me sirvió en consola, pero no en el ejercicio.

let json1 = {
    name: "Mr. Michi",
    food: "Pescado"
  }
  
  let json2 = {
    age: 12,
    color: "Blanco"
  }
  
  function solution(a, b) {
    let combineJson = { ...a, ...b};
    return combineJson;
  }
  
  let result = solution(json1, json2);
  console.log(result);

Mi aporte, lo que se hace es dar un valor por defecto a los valores json1 y json2 y cuando se invoca la función se le pasa el valor solo a json1, por eso el resultado es el valor que se le paso a la función( json1 ) mas el valor por defecto ( json2 ). Aparte se usa el spread operator para copiar el valor de json1 y json2, para crear un nuevo objeto.

Mi aporte, aunque creo me falta optimizar los parametros cuando no envian los json.

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {
 // Tu código aquí 👈
  let out = { ...json1, ...json2 };
  return out;
}

está bien el ejercicio, aunque ya estaba punto de fallar, pero está resuelto

Hola no me funcionó en la prueba, pero si me funcionó en mi pc, veindo la solucion, me di cuenta que no atrapé las pistas del enunciado: habia que hacer una función con (default parameters), El input ya lo estaban enviando, y la funcion ya estaba siendo llamada. sin embargo con este ejercio aprendí, como modificar los datos de un objeto llamando la funcion y asignado los nuevos valores. Me tomó bastante tiempo pero aprendi mucho.

let json1 = {
  name: 'Mr. Michi',
  food: 'Pescado',
};

let json2 = {
  age: 12,
  color: 'Blanco',
};

export function solution(json1, json2) {
  // Tu código aquí
  let data2 = { ...json1, ...json2 };
  console.log(data2);

  return data2;
}

solution({ ...json1, name: 'Bigotes', food: 'pollito', ...json2 });

export function solution(json1= {name: “Mr. Michi”, food: “Pescado”}, json2= {age: 12, color: “Blanco”}) {
// Tu código aquí 👈
return { …json1, …json2 };
}

export function solution(
json1 = {
name: “Mr. Michi”,
food: “Pescado”,
},
json2 = {
age: 12,
color: “Blanco”,
}
) {
return {
…json1,
…json2,
};
}

Esta es mi solucion.

function solution(json1, json2) {
  
  let j1 = {
    name: "Mr. Michi",
    food: "Pescado"
  };
  let otro1 = json1 || j1;
  let j2 = {
    age: 12,
    color: "Blanco"
  };
  let otro2 = json2 || j2;
  let new_data = { ...otro1, ...otro2 };
  return new_data;
}

solution({
  name: "Bigotes",
  food: "Pollito"
});

Usando funcion flecha:
const combinacion=(json1={name: “Mr. Michi”,food: “Pescado”},json2={age: 12,color: “Blanco”}) => {return {…json1,…json2}}
console.log(combinacion())

Un saludo compañeros, esta es mi solución. Luego de pasar las pruebas, pude darme cuenta al detallar bien el valor de las propiedades que en realidad puede no ser una persona sino un animal jaja vale moscas ya.

export function solution(json1, json2) {
  let person = { name: 'Mr. Michi', food: 'Pescado', age: 12, color: 'Blanco', ...json1, ...json2}
  return person;
}

No quise alterar los parámetros porque me pregunté: “¿Y si hubiese un caso en el que no supiese dónde viene cada propiedad?” (No sé si pueda existir tal caso), pero aproveché que los parámetros rest se deben pasar al final y eso me facilita sobrescribir los parámetros por defecto que le pasé al objeto final(person) si fuera necesario.

export function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = { age: 12, color: "Blanco" }) {
  const result = { ...json1, ...json2 };
  return result;
}

export function solution(json1, json2) {
 // Tu código aquí 👈
  let json1 = {
    name: "Mr. Michi",
    food: "Pescado"
  };
  let json2 = {
    age: 12,
    color: "Blanco"
  };

  let solution = { ...json1, ...json2 }

  return solution
}

Este fue el código que yo ejecuté

export function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = {age: 12,color: "Blanco"}) {
 return {...json1,...json2}
}

export function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = { age: 12, color: "Blanco" }) {
    // Tu código aquí 👈
      return {...json1,...json2}
      // en mi caso Utilize el metodo mas corto , creo que entre menos codigo tenga mejor sera de igual manera otra manera de hacerlo es con los parametros por defectos
    }

export function solution(json1 , json2 ) {
    // Tu código aquí 👈
     json1 = json1 || { name: "Mr. Michi", food: "Pescado" }
     json2=json2 || { age: 12, color: "Blanco" }
			return {...json1,...json2}
      //  igual manera otra manera de hacerlo es con los parametros por defectos
    }

Esta fue mi solucion:

Este editor me confunde un poco, sin embargo, esta fue la solución que me funcionó y lo coloco con comentarios para Dummies, como yo:

<code> 

export function solution(json1, json2) {
 
// tu código aquí
// aquí irían los objetos json1 y json2. No hace falta colocarlos, el editor los invoca en la sección vista
  let jsonall = { ...json1, ...json2 };

  console.log(jsonall);

  return jsonall; 
}

Espero que sirva, sobre todo a los que se confunden con el editor, pues a mí aun me pasa.

Un abrazo a todos

A continuación, les dejo el código que usé y los resultados obtenidos:

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
  })
{
  return { ...json1, ...json2 }
}

export function solution(json1, json2) {
  var json1 = json1 || { name: "Mr. Michi", food: "Pescado" };
  var json2 = json2 || { age: 12, color: "Blanco" };
  console.log(json1, json2);
  return {...json1, ...json2};

}

solution({ name: "Bigotes", food: "Pollito" });

Dejo mi primera solución utilizando condicionales, es bastante largo comparado a las respuestas, pero cumple su función.

const primerObjecto = { name: "Mr. Michi", food: "Pescado" };
const segundoObjecto = { age: 12, color: "Blanco" };

export function solution(primer, segundo) {
  if (primer === undefined && segundo === undefined) {
    const result = { ...primerObjecto, ...segundoObjecto }
    return result;
  } else {
    const result = { ...primerObjecto, ...primer, ...segundoObjecto, ...segundo, };
    return result;
  };
};

Mi solucíón:

Hiiii
paso mi aporte “”(0.0)/""

export function solution(json1, json2) {
  return  { ...json1 || {name: 'Mr. Michi', food: 'Pescado'}, ...json2 || {age: 12, color: 'Blanco'}}
}

Mi solución:

export function solution(json1, json2) {
  let response = {
    name: "Mr. Michi",
    food: "Pescado",
    age: 12,
    color: "Blanco"
  }
  return {...response, ...json1, ...json2}
}

Nota para mí mismo y para el que le sirva: recuerden leer bien a veces la solución esta en los detalles.

Mi solución:

export function solution(json1, json2) {
// Tu código aquí 👈
return {
…json1 || {
name: “Mr. Michi”,
food: “Pescado”
}, …json2 || {
age: 12,
color: “Blanco”
} };
}

se logro!!

function solution(json1 = { name: "Mr. Michi", food: "Pescado" },
  json2 = {age: 12, color: "Blanco"}) {
  let data = { ...json1, ...json2 }
  return data;
}

esta fue mi solucion

function solution(...jsons) {
    let obj1 = {
        name: "Mr. Michi",
        food: "Pescado"
    };
    let obj2 = {
        age: 12,
        color: "Blanco"
    };
    let obj = {...obj1,...obj2};

    if (jsons.length > 0) {
        jsons.forEach(element => {
            for (let value in element) {
                //console.log(element[value]);
                if (obj[value]) {
                    obj[value] = element[value]
                }
            }
        });
    }
    console.log(obj);
}

solution();
solution({ name: "Bigotes", food: "Pollito",carne:"de pollo" },{age: 20, color: "Negro"},{age:40});

Mi solución:
|
|||
||||||
||||||||||

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {
  // Tu código aquí 👈
  let result = { ...json1, ...json2 };

  return result;
}

Si no te deja correr las pruebas verifica si tu código está bien escrito, en ocasiones falta la segunda llave para cerrar la función.

Hola, acá mi solución:

<export function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = { age: 12, color: "Blanco" }) {
 // Tu código aquí 👈
  respuesta = { ...json1, ...json2 };
  console.log(respuesta);
  
}> 

Aqui mi aporte:

export function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {
 // Tu código aquí 👈
  let union = { ...json1, ...json2 }
  return union
}

Aquí les dejo mi aporte queridos compañeros se que no es el mejor pero espero les ayude en algo.!

export function solution(
  json1 = {
    name: "Mr. Michi",
    food: "Pescado"
  },
  json2 = {
    age: 12,
    color: "Blanco"
  }
) {
 // Tu código aquí 👈
  let response = { ...json1, ...json2 };
  return response;
}

function solution(json1 = {
  name: "Mr. Michi",
  food: "Pescado"
}, json2 = {
  age: 12,
  color: "Blanco"
}) {
 return {...json1, ...json2}
}

export function solution(json1 = {name: "Mr. Michi", food: "Pescado" }, json2 = {age: 12, color: "Blanco"}) {
  let nuevoObjeto = { ...json1, ...json2 };
  return nuevoObjeto;
}

Hola, les comparto otra forma. 😃

const default1 = {
  name: "Mr. Michi",
  food: "Pescado"
}

const default2 = {
  age: 12,
  color: "Blanco"
}

export const solution = (json1 = default1, json2 = default2) =>({
    ...json1,
    ...json2
})

export function solution(
json1 = {
name: “Mr. Michi”,
food: “Pescado”
},
json2 = {
age: 12,
color: “Blanco”
}) {
return { …json1, …json2 }
}

Este código exporta una función llamada “solution” que recibe dos objetos JSON como parámetros opcionales. Si no se proporcionan los parámetros, se usan los objetos JSON por defecto.

Dentro de la función “solution”, se usa el operador de propagación o “Spread Operator” (…) para crear un nuevo objeto que combina las propiedades de los dos objetos JSON que se reciben como parámetros. El operador de propagación se utiliza para descomponer los valores de los objetos y agregarlos a un nuevo objeto. En este caso, se crea un nuevo objeto que contiene todas las propiedades de json1 y json2.

Finalmente, el nuevo objeto combinado se devuelve como resultado. Si no se proporcionan los parámetros, se devuelve un objeto que contiene las mismas propiedades que json1 y json2 por defecto.

export function solution(json1={name: 'Mr. Michi', food: 'Pescado'}, json2={age: 12, color: 'Blanco'}) {
  return { ...json1, ...json2 };  
}

Solución

export function solution(
  json1 = { name: "Mr. Michi", food: "Pescado" },
  json2 = { age: 12, color: "Blanco" }
) {
 // Tu código aquí 👈
  return { ...json1, ...json2 };
}

🤔 ¿por qué mi código estaba mal? No entiendo lo de export function solution.

const data1 = {
	name: "Mr. Michi",
	food: "Pescado",
};

const data2 = {
	age: 12,
	color: "Blanco",
};

function combineData(data1, data2) {
	return {
		...data1,
		...data2,
	};
}

console.log(combineData(data1, data2));
 

Mi solución, cualquier sugerencia es bien recibida😁

export function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = { age: 12, color: "Blanco" }) {
  let resul = { ...json1, ...json2 }
 return resul
}

Comparto mi resultado.

export function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = { age: 12, color: "Blanco" }) {
 // Tu código aquí 👈
  let result = { ...json1, ...json2 };
  return result;
}

//Playground lesson 9
function solution(
// Default values
/*
let default1 = { name: ‘Mr Michi’, food: ‘Pescado’ };
let default2 = { age: 12, color: ‘Blanco’ };
let data = {};

if(json1 && json2) {
    data = {...json1, ...json2}
} else if(!json1 && !json2) {
    data = {...default1, ...default2}
} else if(json1 && !json2) {
    const valuesArray = Object.values(json1);
    console.log(valuesArray);
    console.log(typeof valuesArray[0]);
    if(typeof valuesArray[0] == 'number') {
        json2 = json1;
        json1 = default1;
        data = {...json1, ...json2}
    } else if (typeof valuesArray[0] == 'string') {
        if (valuesArray[0].length > 0) {
            json2 = default2;
            data = {...json1, ...json2}
        } else {
            data = {...default1, ...default2}
        }
    }  
}
//Return new object
return data; */
json1 = {
    name: "Mr. Michi",
    food: "Pescado",
},
json2 = {
    age: 12,
    color: "Blanco",
}

) {
return {…json1,…json2,};
}

cat1 = solution({
name: “Bigotes”,
food: “Pescado”
});

cat2 = solution({
age: 10,
color: “blanco”
});

cat3 = solution();

console.log(cat1);
console.log(cat2);
console.log(cat3);

export function solution(
  json1 = {
    name: "Mr. Michi",
    food: "Pescado"
  },
  json2 = {
    age: 12,
    color: 'Blanco',
  })
  
  {  
  return { ...json1, ...json2 };
}

Aquí mi solución, muchos saludos 😃

export function solution(json1, json2) {
 // Tu código aquí 👈
  json1 = json1 || { name: "Mr. Michi", food: "Pescado" };
  json2 = json2 || { age: 12, color: "Blanco" };

  return { ...json1, ...json2 };
}

export function solution(json1 = { name: 'Mr. Michi', food: 'Pescado' }, json2 = { age: 12, color: 'blanco' }) {
return  { ...json1, ...json2 }

esta fue mi solucion y el resultado esta bien, pero el examen la marca mal. alguien sabe por que? para que me la diera bien solo lo separe de esta forma

exportfunctionsolution(
  json1 = {
  name: "Mr. Michi",
    food: "Pescado"
  },
  json2 = {
    age: 12,
    color: "Blanco"
  }) {
 return { ...json1, ...json2}
}

no le encuentro sentido o en que me abre equivocado en la primera. según vsc esta bien me dejo re confundido

Mi aporte… 😃

function solution(
json1 = {
name: “Mr. Michi”,
food: “Pescado”
},
json2 = {
age: 12,
color: “Blanco”
}) {
// Tu código aquí 👈

let obj = {
…json1,
…json2
}
return obj

}

my solution:

export function solution(json1, json2) {
  var json1 = json1 || {
    name: "Mr. Michi",
    food: "Pescado"
  };
  var json2 = json2 || {
    age: 12,
    color: "Blanco"
  };
  let data = { ...json1, ...json2 }; 
  return data;
};

Aqui mi aporte:

export function solution(json1,json2) {
 // Tu código aquí 👈
  var json1 = json1 || { name:"Mr. Michi", food:"Pescado"};
  var json2 = json2 || { age: 12, color: "Blanco" };
  let data = { ...json1, ...json2 };
  return (data);
}

Mi solución:

function solution(json1 = { name: "Mr. Michi", food: "Pescado" }, json2 = { age: 12, color: "Blanco" }) {
  let result = { ...json1, ...json2 };
  return result;
}