Find object by property path in nested array of objects

Question

I have such object:

var obj = [
    {
      name: 'ob_1',
      childFields: [],
    },
    {
      name: 'ob_2',
      childFields: [
        {
          name: 'ob_2_1',
          childFields: [
            {
              name: 'ob_3_1',
              childFields: [],
              test: 124
            },
          ],
        },
      ],
    },
  ]

function getObjectByNamePath(path, fieds) {
    const pathArr = path.split('.');
    const result = fieds.find(field => {
      if (pathArr.length > 1) {
        if (field.name === pathArr[0] && field.childFields.length) {
          const newPath = pathArr.slice(1, pathArr.length).join('.');
          return getObjectByNamePath(newPath, field.childFields);
        }
        return false;
      } else {
        if (field.name === pathArr[0]) {
            return true;
        } else {
            return false;
        }
      }
    });
    return result;
  }

I want to get object by name values path:

console.log(getObjectByNamePath('ob_2.ob_2_1.ob_3_1', obj))

I tried this, but it doesn't work correct and i feel that there is more elegant way to achieve what i want. Thanks.

Possible duplicate of Accessing nested JavaScript objects with string key — Mitya
– Mitya, Commented May 30, 2018 at 13:24
@Utkanos, not really, because here are arrays for seaching, not only objects. — Nina Scholz
– Nina Scholz, Commented May 30, 2018 at 13:31

Nina Scholz · Accepted Answer · 2018-05-30 13:51:52Z

5

You could iterate the childFields and find the name for this level, then take the next level name.

function getObjectByNamePath(path, array) {
    return path
        .split('.')
        .reduce(
            ({ childFields = [] } = {}, name) => childFields.find(o => o.name === name),
            { childFields: array }
        );
}

var obj = [{ name: 'ob_1', childFields: [], }, { name: 'ob_2', childFields: [ { name: 'ob_2_1', childFields: [ { name: 'ob_3_1', childFields: [], test: 124 }] }] }];

console.log(getObjectByNamePath('ob_2.ob_2_1.ob_3_1', obj));
console.log(getObjectByNamePath('ob_1', obj));
console.log(getObjectByNamePath('foo.bar', obj));

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited May 30, 2018 at 13:51

answered May 30, 2018 at 13:30

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Ritwick Dey · Accepted Answer · 2018-05-30 14:00:15Z

1

A recursive solution.

var obj = [{ name: 'ob_1', childFields: [], }, { name: 'ob_2', childFields: [ { name: 'ob_2_1', childFields: [ { name: 'ob_3_1', childFields: [], test: 124 }] }] }]

function getObjectByNamePath(path, obj) {
  const [currentPath, ...restPaths] = path.split('.'); 
  const nextObj = (obj.find(e => e.name === currentPath))
  
  if(!restPaths.length) return nextObj;
  return getObjectByNamePath(restPaths.join('.'), nextObj.childFields || []);
}


// Test Cases
console.log(getObjectByNamePath('ob_2.ob_2_1.ob_3_1', obj))
console.log(getObjectByNamePath('ob_2.ob_2_1.ob_3_1.fakePath', obj))
console.log(getObjectByNamePath('ob_1', obj))
console.log(getObjectByNamePath('', obj))

edited May 30, 2018 at 14:00

answered May 30, 2018 at 13:49

Ritwick Dey

19.1k4 gold badges27 silver badges38 bronze badges

Collectives™ on Stack Overflow

Find object by property path in nested array of objects

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related