Estoy tratando de atravesar una matriz y actualizar el elemento cuando lo encuentro. He buscado en Google y SO, pero supongo que no estoy usando las palabras clave adecuadas para hacerlo.
Tengo el siguiente objeto:
const form = { uuid: "ff17fd11-3462-4111-b083-7ff36b391c61", type: "form", items: [ { uuid: "0b2dcf80-a376-4b3d-9491-0875ec24d6f7", type: "page", items: [ { uuid: "23a8db85-4125-43db-ae04-d1243738972c", title: "Prepared by", }, { uuid: "fb3898e0-c250-4dde-8b5c-cd2c99d181e9", title: "Completed at", } ], params: { header: true, collapsed: true } }, { title: "", uuid: "e0d9d8c4-c064-4088-aad3-235b6ea1a6a1", type: "page", items: [ { uuid: "73f97b99-9788-4748-82c6-7b62169f44fe", title: "you have been rickrolled", }, { uuid: "46e7264c-7e95-4bbf-a4e7-7b7ab2d1ad88", type: "conditional_section", items: [ { uuid: "58e5e845-d18e-4c7e-9739-a387b8144d3c", params: { title: null, }, } ], ], } ] }; Dado el siguiente objeto, me gustaría encontrar este objeto en la matriz (identificado por uuid ) y reemplazarlo con el nuevo:
👇 Heres the uuid that identifies the unique element in the array const updatedObject = { uuid: "58e5e845-d18e-4c7e-9739-a387b8144d3c", params: { title: "new title" } }; findFormItem(form.items, updatedObject);Creé una función de recursión para actualizar la matriz, pero por alguna razón, el elemento no se actualiza:
const findFormItem = (arr, item, parent = null) => arr.reduce((acc, _item) => { if (acc) { return acc; } if (_item.uuid === item.uuid) { _item = item; } if (_item.items) { return findFormItem(_item.items, item, _item); } return acc; }, null); ¿Cómo puedo actualizar la matriz/objeto sin tener que devolver una nueva copia? Estoy buscando una solución que no altere la forma del objeto. El objeto debe permanecer como está, solo actualizando el valor que se pasa a la función findFormItem
Si lo que desea es cambiar la matriz original, puede usar forEach y reemplazar el objeto en un index dado:
const findFormItem = (arr, item) => { arr.forEach((element, index, arr) => { if (element.uuid === item.uuid) { arr[index] = item; } if (element.items) { findFormItem(element.items, item); } }); };