Javascript -How remove item from nested object?

Question

I'm trying to remove an item from a nested object. object named "categories" that contains several categories and each category has several businesses. something like bellow object:

let categories = [{
  name: 'Home',
  biz: [{
    name: 'Business 1',
    id: 50
  }, {
    name: 'Business 2',
    id: 52
  }, {
    name: 'Business n',
    id: 53
  }]
}, {
  name: 'Car',
  biz: [{
    name: 'Business 1',
    id: 62
  }, {
    name: 'Business 2',
    id: 66
  }, {
    name: 'Business n',
    id: 67
  }]
}];

What I'm trying to do is removing one of this businesses that selected by user and return the whole object without mutating original state.

so far I did something like bellow and it's working fine bu I'm not sure if I'm doing this the right way or the wrong way. I appreciate if you guys help me by review or refactor this code:

categories.map((cat, inedx) => {
  return { ...cat, biz: [...cat.biz.filter(bz => bz.id!== 66)]}
});

No need for the [...array] otherwise its fine.

Jonas Wilms
– Jonas Wilms

2019-01-06 13:42:41 +00:00
Commented Jan 6, 2019 at 13:42 — Jonas Wilms
– Jonas Wilms, Commented Jan 6, 2019 at 13:42

Nika · Accepted Answer · 2019-01-06 13:47:14Z

1

reduce to the rescue :-)

const fn = (categories, id) => {
  return categories.reduce((r, x) => {
    return r.concat({ ...x, biz: x.biz.filter(x => x.id !== id) });
  }, []);
}

console.log(fn(categories, 66));

answered Jan 6, 2019 at 13:47

Nika

1,9943 gold badges24 silver badges45 bronze badges

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

3 Comments

Nika Over a year ago

EDIT: this is minimal example, you also would like to add some type checks (e.g. is x.biz array? etc).

Saeed Over a year ago

I always get confused when I want to use this method :-)

Nika Over a year ago

been there :-) when you do a lot of practices, it will sit in your mind, no worries.

Vadim Hulevich · Accepted Answer · 2019-01-06 13:08:08Z

0

    let categories = [{
        name: 'Home',
        biz: [{
            name: 'Business 1',
            id: 50
        }, {
            name: 'Business 2',
            id: 52
        }, {
            name: 'Business n',
            id: 53
        }]
    }, {
        name: 'Car',
        biz: [{
            name: 'Business 1',
            id: 62
        }, {
            name: 'Business 2',
            id: 66
        }, {
            name: 'Business n',
            id: 67
        }]
    }];

categories.forEach(el => el.biz = el.biz.filter(e => e.id !== 66));

    console.log("removed  biz 66", categories)

edited Jan 6, 2019 at 13:08

answered Jan 6, 2019 at 12:35

Vadim Hulevich

1,83312 silver badges17 bronze badges

2 Comments

Dalorzo Over a year ago

This solution is returning a whole new object every time. When the request was “without mutating the original” object

Vadim Hulevich Over a year ago

without return "whole new object"

Collectives™ on Stack Overflow

Javascript -How remove item from nested object?

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related