Javascript - Remove child object from parent object based on path to child object

Question

I have a path of the child object in a parent object. This path is combination of arrays and objects const path = ['one', 'two', '0', 'three', '2']; and parent object will be

const root = {
    'one' : {
        'two': [
            {
                'three': [
                    {}, 
                    {}, 
                    {
                    'deleterObject': 'yes'
                    }
               ]
            },
          [], []
        ],
        c: [], 
        d: []
    }
}

after doing this execution, final output should look like,

const root = {
    'one' : {
        'two': [
            {
                'three': [
                    {}, 
                    {}
               ]
            },
          [], []
        ],
        c: [], 
        d: []
    }
}

function that I wrote is,

const deleteObject = (root, path) => {
    let concated = '';
    for(let child in pathArray) {
        if(child > 0) concated = concated.concat(`[${pathArray[child]}]`)
        else concated = `[${pathArray[child]}]`
    }
    delete concated;
    return root
}

But its returning an error, Please suggest some function to do this.

What's the error?

react_or_angluar
– react_or_angluar

2020-11-16 00:12:21 +00:00
Commented Nov 16, 2020 at 0:12 — react_or_angluar
– react_or_angluar, Commented Nov 16, 2020 at 0:12
Its keep on going to the loop, getting stuck

sai
– sai

2020-11-16 00:31:35 +00:00
Commented Nov 16, 2020 at 0:31 — sai
– sai, Commented Nov 16, 2020 at 0:31

Nick Parsons · Accepted Answer · 2020-11-16 00:58:13Z

3

You can grab the last property from your path array (ie: 2), and then use .reduce() to walk down each property of path in root. Eventually, you'll reach the object which you want to delete from. You can check if this is an array using Array.isArray(), and then .splice() to remove the item. If it is not an array, you can use delete to delete the property from your object:

const path = ['one', 'two', '0', 'three', '2'];
const root = { 'one': { 'two': [{ 'three': [{}, {}, { 'deleterObject': 'yes' } ] }, [], [] ], c: [], d: [] } }

const deleteObject = (root, [...path]) => {
  const propToDel = path.pop();
  const toDeleteFrom = path.reduce((obj, p) => obj[p], root);
  if(Array.isArray(toDeleteFrom))
    toDeleteFrom.splice(propToDel, 1);
  else
    delete toDeleteFrom[propToDel];
}

deleteObject(root, path);
console.log(root);

.as-console-wrapper { max-height: 100% !important;} /* ignore */

edited Nov 16, 2020 at 0:58

answered Nov 16, 2020 at 0:51

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

Javascript - Remove child object from parent object based on path to child object

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related