JS intersection of array and object of arrays

Question

I want to delete some item from my object :

clientData : {
1111 : [
  {ID : 112, name : 'John',age : 23},
  {ID : 113, name : 'Doe',age : 21},
  {ID : 114, name : 'Stan',age : 24},
],

2222 : [
  {ID : 222, name : 'Sara',age : 15},
  {ID : 223, name : 'Wiliams',age : 61},
  {ID : 224, name : 'Alan',age : 45},
],

}

The data that I want to delete is stored in an array of Id's like this :

[112,223,114]

So the output should look like this :

clientData : {
1111 : [
  {ID : 113, name : 'Doe',age : 21},
],
2222 : [
  {ID : 222, name : 'Sara',age : 15},
  {ID : 224, name : 'Alan',age : 45},
],
}

Any help please how to achieve this ? I really have no idea how to do it, and don't found any solutions in internet.

224 name should be 224, name.

Rocky Sims
– Rocky Sims

2022-06-21 09:12:52 +00:00
Commented Jun 21, 2022 at 9:12 — Rocky Sims
– Rocky Sims, Commented Jun 21, 2022 at 9:12

codermonk · Accepted Answer · 2022-06-21 09:22:41Z

2

Loop through each object property and filter the array based on the delete ID's.

let deleteIds = [112,223,114];

for (const data in clientData) {
  clientData[data] = clientData[data].filter(list=>!deleteIds.includes(list.ID));
}

console.log(clientData) // prints out your object

answered Jun 21, 2022 at 9:22

codermonk

1321 silver badge7 bronze badges

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

Comments

Rohìt Jíndal · Accepted Answer · 2022-06-21 09:23:23Z

1

I am assuming you are tying to filter out the original object. Hence, You can simply achieve it by using Array.forEach() method along with the Array.splice().

Live Demo :

const clientData = {
  1111 : [
    {ID : 112, name : 'John',age : 23},
    {ID : 113, name : 'Doe',age : 21},
    {ID : 114, name : 'Stan',age : 24},
  ],
  2222 : [
    {ID : 222, name : 'Sara',age : 15},
    {ID : 223, name : 'Wiliams',age : 61},
    {ID : 224, name : 'Alan',age : 45},
  ]
};

const invalidValues = [112, 223, 114];

Object.keys(clientData).forEach(key => {
    clientData[key].forEach((obj, index) => {
    if (invalidValues.includes(obj.ID)) {
        clientData[key].splice(index, 1);
    }
  })
});

console.log(clientData);

edited Jun 21, 2022 at 9:23

answered Jun 21, 2022 at 9:14

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

2 Comments

Duchere Over a year ago

It works too, thank you! What about the other solution provided by @Terry Lennox? what is the best approach to achive this uquery ? :) thank you

Rohìt Jíndal Over a year ago

@Duchere forEach() is faster as per the performance point of view. Here is the test suite I created jsbench.me/ksl4nyxe4g/1

Terry Lennox · Accepted Answer · 2022-06-21 09:22:49Z

1

You could use Array.reduce() along with Array.filter()to delete the items from the client array.

I would suggest creating a Set to contain the ids to be deleted. This will make lookup more efficient than using an array (using Set.has)

const clientData = { 1111 : [ {ID : 112, name : 'John',age : 23}, {ID : 113, name : 'Doe',age : 21}, {ID : 114, name : 'Stan',age : 24}, ],  2222 : [ {ID : 222, name : 'Sara',age : 15}, {ID : 223, name : 'Wiliams',age : 61}, {ID : 224, name : 'Alan',age : 45}, ],  } 

const idsToDelete = new Set([112,223,114]);

const result = Object.keys(clientData).reduce((acc, key) => { 
    acc[key] = clientData[key].filter(({ID}) => !idsToDelete.has(ID));
    return acc;
}, {});

console.log('Result:', result)

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

edited Jun 21, 2022 at 9:22

answered Jun 21, 2022 at 9:18

Terry Lennox

30.9k5 gold badges36 silver badges45 bronze badges

2 Comments

Duchere Over a year ago

It works thank you! Have you any tutorial/article about reduce function please ?

Terry Lennox Over a year ago

Yes indeed, the MDN docs have some good examples: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…. And this one is good too: 2ality.com/2022/05/processing-arrays-non-destructively.html. Reduce can be very powerful and useful when the output array will have a different number of elements to the input, or we wish to get a sum of array element values for example.

Deniz Karadağ · Accepted Answer · 2022-06-21 09:33:56Z

0

You can loop your clientData object with for....in loop.

    let clientData = {
1111 : [
  {ID : 112, name : 'John',age : 23},
  {ID : 113, name : 'Doe',age : 21},
  {ID : 114, name : 'Stan',age : 24},
],

2222 : [
  {ID : 222, name : 'Sara',age : 15},
  {ID : 223, name : 'Wiliams',age : 61},
  {ID : 224, name : 'Alan',age : 45},
],

};

const dataToDelete = [112, 223, 114];

for (const key in clientData) {
  clientData[key].forEach((data,index) =>{ 
       if (dataToDelete.includes(data.ID)){
        clientData[key].splice(index,1)
}
})
}
console.log(clientData);

answered Jun 21, 2022 at 9:33

Deniz Karadağ

7614 silver badges10 bronze badges

Comments

Rocky Sims · Accepted Answer · 2022-06-21 09:43:16Z

Here is a straightforward way to do it.

const deleteIds = [112,223,114];
const clientData = {
    1111: [{
            ID: 112,
            name: 'John',
            age: 23
        }, {
            ID: 113,
            name: 'Doe',
            age: 21
        }, {
            ID: 114,
            name: 'Stan',
            age: 24
        }
    ],
    2222: [{
            ID: 222,
            name: 'Sara',
            age: 15
        }, {
            ID: 223,
            name: 'Wiliams',
            age: 61
        }, {
            ID: 224,
      name: 'Alan',
            age: 45
        }
    ]
};

for (let key in clientData) {
  clientData[key] = clientData[key].filter(
    user => !deleteIds.includes(user.ID)
  );
}

console.log(clientData);

The key to tackling a problem like this is breaking it down into smaller tasks. For instance, clientData[1111] is an array that you want to remove something from so you can go google "how to remove an item from an array in javascript" and learn how to do that in isolation. Then come back and see if the problem makes any more sense and decide what sub task to go learn about next.

Because you've got two arrays inside an object, it appears more complex but the only complexity that that adds is in figuring out how to loop over the values (arrays in this case) in an object which is another sub task you can learn about in isolation.

Collectives™ on Stack Overflow

JS intersection of array and object of arrays

5 Answers 5

Comments

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related