How to remove a nested array object in JS?

Question

I am trying to remove the first object from a nested array but somehow I am not able to delete the first object here is my code can you please help?

var arr = [
        {
          demo: [
            {
              label: "NOT - Notification",
              id: "NOT",
              subTree: null,
            },
            { 
              label: "LIM - Limitation", 
              id: "LIM", 
              subTree: null 
            },
          ],
    },
];
      
var ind = arr.findIndex(function (element) {
  return element.demo?.id === "NOT";
});
if (ind !== -1) {
  arr.splice(ind, 1);
}
console.log('this is new', arr);

If you have any better solution then feel free to drop will appreciate your help.

It is an array inside an object inside an array. Please check again — Tushar Shahi
– Tushar Shahi, Commented Oct 17, 2022 at 15:09
You're calling splice on the top-most array, not the array property of the object within the array. Call splice on the correct array, and it will work. — Heretic Monkey
– Heretic Monkey, Commented Oct 17, 2022 at 15:13

SoulKa · Accepted Answer · 2022-10-17 15:16:57Z

1

You are accessing the wrong array dimension. Check each subarray in the array:

var arr = [
    {
        demo: [
            {
                label: "NOT - Notification",
                id: "NOT",
                subTree: null,
            },
            { 
                label: "LIM - Limitation", 
                id: "LIM", 
                subTree: null 
            },
        ],
    },
];

for (const item of arr) {
    const index = item.demo.findIndex(subitem => subitem.id === "NOT");
    if (index >= 0) item.demo.splice(index, 1)
}

console.log('this is new', arr);

edited Oct 17, 2022 at 15:16

answered Oct 17, 2022 at 15:13

SoulKa

1957 bronze badges

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

4 Comments

Heretic Monkey Over a year ago

There is no "dimension" here... Or rather, there is only a single dimension.

SoulKa Over a year ago

Since it is a nested array, it has two dimensions

Milan Sachani Over a year ago

It does not remove a first object if you check in the console we get nothing

SoulKa Over a year ago

@MilanSachani Yeah I had a typo in the code. I fixed it

sachin · Accepted Answer · 2022-10-17 15:19:59Z

1

just add the below snippet:

const newArr = arr.map(data => {
    return { demo : data?.demo.filter(d => d.id != "NOT") }
})
console.log(newArr)

Explanation :
Here, I'm looping through each main array, entering into objects, and then filtering only those with id other than "NOT".

Comment if you stuck with anything in the above code.

answered Oct 17, 2022 at 15:19

sachin

1,1371 gold badge9 silver badges11 bronze badges

Comments

Rohìt Jíndal · Accepted Answer · 2022-10-17 15:55:36Z

1

As per my understanding after looking in your code, You want to filter out the object which contains id as NOT. If Yes, You can simply achieve that by using Array.filter() method.

Live Demo :

var arr = [
      {
        demo: [
          {
            label: "NOT - Notification",
            id: "NOT",
            subTree: null,
          },
          { 
            label: "LIM - Limitation", 
            id: "LIM", 
            subTree: null 
          },
        ],
  }];
  
const res = arr.map(({ demo }) => demo.filter(({ id }) => id !== 'NOT'));

console.log(res);

answered Oct 17, 2022 at 15:55

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

How to remove a nested array object in JS?

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related