How to remove object from array except matching value?

Question

I am trying to remove objects from array based on value which is not matching.

This is my items array:

var items = [
  {"id":"88","name":"Lets go testing"},
  {"id":"99","name":"Have fun boys and girls"},
  {"id":"108","name":"You are awesome!"}
];

var arr=["88","108"];

Here I am able to removing objects from array based on matching values..But I want to keep matching value objects and need to remove unmatched objects.

This is how I'm removing matching objects from array.

for(let i in arr) {
  items = items.filter(function(item) {
    return item.id !== arr[i];
  });
}

filter by value items.filter( item => arr.includes( item.id ) ) — Robin
– Robin, Commented Sep 27, 2019 at 4:33

31piy · Accepted Answer · 2019-09-27 04:22:51Z

2

You may use Array.filter along with Array.includes:

var items = [{"id":"88","name":"Lets go testing"},{"id":"99","name":"Have fun boys and girls"},{"id":"108","name":"You are awesome!"}];
var arr = ["88", "108"];

const result = items.filter(item => arr.includes(item.id));
console.log(result);

answered Sep 27, 2019 at 4:22

31piy

23.9k6 gold badges51 silver badges69 bronze badges

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

Comments

Thuvarakan Tharmarajasingam · Accepted Answer · 2019-09-27 04:20:04Z

1

Use indexOf to determine the occurrence.

var items = [
  {"id":"88","name":"Lets go testing"},
  {"id":"99","name":"Have fun boys and girls"},
  {"id":"108","name":"You are awesome!"}
];

var arr=["88","108"];

const filteredItems = items.filter(item => {
  if (arr.indexOf(item.id)>-1) {
    return item
    }
})

console.log(filteredItems)

answered Sep 27, 2019 at 4:20

Thuvarakan Tharmarajasingam

1,22510 silver badges13 bronze badges

Comments

Sagar Chaudhary · Accepted Answer · 2019-09-27 04:23:32Z

1

items = items.filter(function(item) {
    return arr.indexOf(item._id)!=-1
  });

answered Sep 27, 2019 at 4:23

Sagar Chaudhary

1,40310 silver badges24 bronze badges

Comments

Nick Parsons · Accepted Answer · 2020-01-01 09:00:30Z

You can convert your items array into a look-up table (a Map of ids which point to your actual object), and then .map() each on your arr. This approach is particularly useful if you have lots of data in items or arr as it is efficient:

const items = [{"id":"88","name":"Lets go testing"},{"id":"99","name":"Have fun boys and girls"},{"id":"108","name":"You are awesome!"}];

const lut = new Map(items.map(({id, ...r}) => [id, {id, ...r}]));
const arr = ["88", "108"];

const result = arr.map(id => lut.get(id));
console.log(result);

If you can have multiple items which have the same id, then you can use .reduce() with .flatMap():

const items = [{"id":"88","name":"Lets go testing"}, {"id":"99","name":"Have fun boys and girls"},{"id":"108","name":"You are awesome!"}];

const lut = items.reduce((acc, obj) => {
  acc[obj.id] = acc[obj.id] || [];
  acc[obj.id].push(obj);
  return acc;
}, {});
const arr = ["88", "108"];

const result = arr.flatMap(id => lut[id]);
console.log(result);

Varun · Accepted Answer · 2019-09-27 05:14:32Z

0

Solution -

var items = [
    {"id":"88","name":"Lets go testing"},
    {"id":"99","name":"Have fun boys and girls"},
    {"id":"108","name":"You are awesome!"}
];
var arr = ["88","108"];
items = items.filter( (item) => arr.includes(item.id) );

edited Sep 27, 2019 at 5:14

answered Sep 27, 2019 at 5:00

Varun

12 bronze badges

2 Comments

Varun Over a year ago

It's just a different approach

Nick Parsons Over a year ago

How is that so? Looks identical to me

Collectives™ on Stack Overflow

How to remove object from array except matching value?

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related