find and modify deeply nested object in javascript array

Question

I have an array of objects that can be of any length and any depth. I need to be able to find an object by its id and then modify that object within the array. Is there an

Answer 1

If each object has property with the same name that stores other nested objects, you can use: https://github.com/dominik791/obj-traverse

findAndModifyFirst() method should solve your problem. The first parameter is a root object, not array, so you should create it at first:

var rootObj = {
  name: 'rootObject',
  children: [
    {
      'name': 'child1',
       children: [ ... ]
    },
    {
       'name': 'child2',
       children: [ ... ]
    }
  ]
};

Then use findAndModifyFirst() method:

findAndModifyFirst(rootObj, 'children', { id: 1 }, replacementObject)

replacementObject is whatever object that should replace the object that has id equal to 1.

You can try it using demo app: https://dominik791.github.io/obj-traverse-demo/