Hola, intento agregar un nuevo objeto a la lista de autos para un usuario en particular, a continuación se muestra mi conjunto de objetos llamado inventario. He usado un hallazgo para obtener la identificación de usuario que devuelve.
Quiero agregar objetos adicionales a la propiedad de los automóviles, es decir, {modelo: "Porsche", año: "2009"} a la matriz de usuarios cuando la identificación del usuario = 1
¿Hay una forma más limpia de hacer esto sin usar push?
const inventory = [ { id: 1, name: "Paul", cars: [ { model: "Ford", year: "1995", }, { model: "BMW", year: "2010", }, ], }, { id: 2, name: "Simon", cars: [ { model: "Vauxhall", year: "2022", }, { model: "VW", year: "2001", }, ], }, ]; const found = inventory.find(element => element.id == 1); //console.log(found) const addNewObject = found.cars.concat({model: "Porsche",year: "2009"}) console.log(addNewObject)Si desea modificar la matriz en el lugar, use Array.push . De lo contrario , el operador de propagación es el camino a seguir:
const newInventory = [...inventory, {model: "Porsche",year: "2009"}];Puede utilizar el operador de propagación:
const addNewObject = [...found.cars, {model: "Porsche",year: "2009"}];Esto le dará el mismo resultado que su código.
En caso de que quiera saber cómo actualizar el inventory en un estilo inmutable (¿es esta la razón por la que no le gusta push ?), puede usar map :
const updatedInventory = inventory.map(item => item.id === 1 ? {...item, cars: [...item.cars, {model: "Porsche",year: "2009"}]} : item );Puede usar Array.prototype.map y actualizar el elemento que tiene una id de 1 .
const inventory = [ { id: 1, name: "Paul", cars: [ { model: "Ford", year: "1995" }, { model: "BMW", year: "2010" }, ], }, { id: 2, name: "Simon", cars: [ { model: "Vauxhall", year: "2022" }, { model: "VW", year: "2001" }, ], }, ]; const updatedInventory = inventory.map((item) => item.id === 1 ? { ...item, cars: item.cars.concat({ model: "Porsche", year: "2009" }) } : item ); console.log(updatedInventory); Si no desea crear una nueva matriz, puede usar Array.prototype.forEach en lugar de map .
const inventory = [ { id: 1, name: "Paul", cars: [ { model: "Ford", year: "1995" }, { model: "BMW", year: "2010" }, ], }, { id: 2, name: "Simon", cars: [ { model: "Vauxhall", year: "2022" }, { model: "VW", year: "2001" }, ], }, ]; inventory.forEach((item) => { if (item.id === 1) { item.cars.push({ model: "Porsche", year: "2009" }); } }); console.log(inventory);