How to filter an array of object with an array of numbers

Question

Given an array of objects arr1 how can I filter out to a new array the objects that do not have a property equal to any value in the array of numbers arr2

const arr1 = [
  {
    key: 1,
    name: 'Al'
  },
  {
    key: 2,
    name: 'Lo'
  },
  {
    key: 3,
    name: 'Ye'
  }
];

const arr2 = [2, 3]

// Failed attempt
const newArr = arr1.filter(obj1 => arr2.some(num1 => num1 !== obj1.key))
console.log(newArr)

// Expected: [{ key: 1, name: 'Al' }]

// Received: [
//   { key: 1, name: 'Al' },
//   { key: 2, name: 'Lo' },
//   { key: 3, name: 'Ye' }
// ]

Does this answer your question? filtering an array of objects based on another array in javascript — Heretic Monkey
– Heretic Monkey, Commented Jan 30, 2020 at 19:48

Orelsanpls · Accepted Answer · 2020-01-30 19:47:00Z

Using your syntax:

You have to match on the somein case it's the same and not different. Then if it matches, do not keep the value.

const arr1 = [
  {
    key: 1,
    name: 'Al',
  },
  {
    key: 2,
    name: 'Lo',
  },
  {
    key: 3,
    name: 'Ye',
  },
];

const arr2 = [2, 3];

const newArr= arr1.filter(x => !arr2.some(y => y === x.key));

console.log(newArr);

Alternative syntax below :

const arr1 = [{
    key: 1,
    name: 'Al',
  },
  {
    key: 2,
    name: 'Lo',
  },
  {
    key: 3,
    name: 'Ye',
  },
];

const arr2 = [2, 3];

const newArr = arr1.filter(({
  key,
}) => !arr2.some(y => y === key));

console.log(newArr);

That said, you should be using Array.includes() like some ppl answered. It's simplier for the same outcome

const arr1 = [{
    key: 1,
    name: 'Al',
  },
  {
    key: 2,
    name: 'Lo',
  },
  {
    key: 3,
    name: 'Ye',
  },
];

const arr2 = [2, 3];

const newArr = arr1.filter(({
  key,
}) => !arr2.includes(key));

console.log(newArr);

Abito Prakash · Accepted Answer · 2020-01-30 19:40:15Z

2

You can do this

const newArr = arr1.filter(obj => !arr2.includes(obj.key));

answered Jan 30, 2020 at 19:40

Abito Prakash

4,8002 gold badges16 silver badges28 bronze badges

Comments

Max · Accepted Answer · 2024-04-07 10:21:08Z

2

This will work for you:

const arr1 = [
  {
    key: 1,
    name: 'Al'
  },
  {
    key: 2,
    name: 'Lo'
  },
  {
    key: 3,
    name: 'Ye'
  }
];

const arr2 = [2, 3]

const filtered = arr1.filter(val => !arr2.includes(val.key))

console.log(filtered)

edited Apr 7, 2024 at 10:21

answered Jan 30, 2020 at 19:40

Max

2,0361 gold badge12 silver badges18 bronze badges

Comments

Kaca992 · Accepted Answer · 2020-01-30 19:41:06Z

1

For situations like this Set is also very cool (and for big arrays more performant):

const arr1 = [
  {
    key: 1,
    name: 'Al'
  },
  {
    key: 2,
    name: 'Lo'
  },
  {
    key: 3,
    name: 'Ye'
  }
];

const arr2 = [2, 3]
const arr2Set = new Set(arr2);

const newArr = arr1.filter(obj1 => !arr2Set.has(obj1.key))
console.log(newArr)

answered Jan 30, 2020 at 19:41

Kaca992

2,27513 silver badges15 bronze badges

Comments

technophyle · Accepted Answer · 2020-01-30 19:41:51Z

0

You can use indexOf like this:

const newArr = arr1.filter(obj => arr2.indexOf(obj.key) > -1);

answered Jan 30, 2020 at 19:41

technophyle

9,3677 gold badges34 silver badges52 bronze badges

Comments

Ahmad Kayali · Accepted Answer · 2020-01-30 19:43:27Z

0

You need to filter the arr1 when arr1 element does not exist in arr2, so I think it could be better to use indexOf() like this

const newArr = arr1.filter(obj1 => arr2.indexOf(obj1.key) === -1)

if the element does not exist in arr2 it will return -1 which what you need.

answered Jan 30, 2020 at 19:43

Ahmad Kayali

321 silver badge3 bronze badges

Collectives™ on Stack Overflow

How to filter an array of object with an array of numbers

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related