Obj iteration dynamically - javascript

Question

I have a json object, which needs to be iterated, I can make use of iteration as a function but wanted to see if there is a simpler way to do so. Object is as shown below:

obj = [
  {
    name: 'FolderA',
    child: [
      {
        name: 'FolderB',
        child: [
           {
            name: 'FolderC0',
            child: [],
          },
          {
            name: 'FolderC1',
            child: [],
          }
         ]
       }
   ],
 },
 {
    name: 'FolderM'
    child: []
 }
]

On some event I get level, like

level = "0-0-1"

Which I split to get [0, 0, 1] Meaning, 0th index, nested 0th index and further nested 1st index, which I get like:

obj[0][0][1],

But since nested structure depth is unknown I want the above to be generated dynamically, something like this:

obj + [0] + .children[0] + .children[1],

Not sure if this can be done, but if there is, please let me know, else I will have to use recursive function. Thanks

Side note: JSON is a string representation of an object. What you have is the object itself, not its string representation. So please just say "object" instead of "json object"; and don't tag it with json. — Peter B
– Peter B, Commented Dec 13, 2018 at 11:46

HMR · Accepted Answer · 2018-12-13 11:41:02Z

1

You can split the string and then use reduce on the array of indexes:

const arr = [
  {
    name: 'FolderA',
    child: [
      {
        name: 'FolderB',
        child: [
          {
            name: 'FolderC0',
            child: [],
          },
          {
            name: 'FolderC1',
            child: [],
          },
        ],
      },
    ],
  },
  {
    name: 'FolderM',
    child: [],
  },
];
const getObject = (arr, path) =>
  path
    .split('-')
    .reduce((result, key) => result.child[key], {
      child: arr,
    });

console.log(getObject(arr, '0-0-1'));

answered Dec 13, 2018 at 11:41

HMR

39.5k26 gold badges99 silver badges175 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Uzair Khan Over a year ago

Charm!! Thanks.

Uzair Khan Over a year ago

Can you give me link of a resource to learn advance javascript?

HMR Over a year ago

@MichaelPhilips The documentation here is useful when working with array (reduce is in there as well). A good read is the YDKJS series but this one will get you familiar with ES6 syntax.

Collectives™ on Stack Overflow

Obj iteration dynamically - javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related