Tengo la siguiente variedad de alimentos que tiene una variedad correspondiente de recetas como esta.
let book = [{ food: "Bread", ingredients: [ 'wheat', 'water', 'eggs' ] },{ food: "Cake", ingredients: [ 'flour', 'milk', 'eggs', 'chocolate' ] }]Digamos que un usuario necesita actualizar un alimento en su libro de recetas y tener una matriz como esta
let update = [{ food: "Bread", ingredients: [ 'sesame', ] }];Si quisiera actualizar solo la lista de ingredientes, ¿cómo podría hacerlo?
El código que yo pensaría tener es
for(let i = 0; i < book.length; i++){ if(update.food === book[i].food){ book[i].ingredients.push(update.ingredients) } }¿Está esto en el camino correcto? Siento que presionar así en el libro crea un nuevo campo completo. Cualquier ayuda es apreciada.
Gracias
Use la sintaxis de ES6 Spred de esta manera:
book[i].ingredients = [...book[i].ingredients, ...update[0].ingredients]Además, considere Array.prototype.find() o Array.prototype.indexOf() en lugar de recorrer la matriz usted mismo.
Esto es lo que puede hacer para actualizar los ingredients cada vez que el usuario quiera actualizar la receta.
let book = [{ food: "Bread", ingredients: [ 'wheat', 'water', 'eggs' ] },{ food: "Cake", ingredients: [ 'flour', 'milk', 'eggs', 'chocolate' ] }] let update = [{ food: "Bread", ingredients: [ 'sesame', ] }]; for (let i =0; i < book.length; i++) { if (update[0]['food'] === book[i]['food']) { book[i]['ingredients'].push(...update[0]['ingredients']); // will add all the ingredients } } console.log(book);Sin embargo, esto no es eficiente cuando tiene más recetas. Como cada vez que el usuario desea actualizar la receta, debe iterar toda la matriz y actualizar (O (n)). En cambio, cambiar el DS sería bueno.
let book = { "Bread": { ingredients: [ 'wheat', 'water', 'eggs' ] }, "Cake": { ingredients: [ 'flour', 'milk', 'eggs', 'chocolate' ] } }; let update = { "Bread": { ingredients: [ 'sesame', ] } }; Object.keys(update).forEach(food => { const { ingredients } = update[food]; book[food]?.ingredients.push(...ingredients); }); console.log(book)En el código anterior, no necesita iterar a través de la matriz, sino que puede crear un objeto de actualización y ejecutar la actualización solo una vez con todas las actualizaciones del usuario o incluso cuando un usuario actualiza el objeto de actualización (según sus requisitos), pero es más eficiente en términos de operaciones que querías hacer.
Solución usando Array.prototype.find()
book.find(element => element.food === update[0].food).ingredients.push(update[0].ingredients);