Filter two array of objects and get a resultant array

Question

I'm trying to check for condition where carId in one array is equal to id of another array.

Below is the code snippet.

const arr1 = [{
    id: '1',
    type: 'car',
    name: 'BMW',
  },
  {
    id: '2',
    type: 'car',
    name: 'Audi',
  },
  {
    id: '3',
    type: 'car',
    name: 'Benz',
  }
];

const arr2 = [{
  carId: '1'
}, {
  carId: '3'
}];

const result = arr2.map(val => arr2.find(val.carId === id))
console.log(result)

The result that I'm expecting is

[{
    id: '1',
    type: 'car',
    name: 'BMW',
  },
  {
    id: '3',
    type: 'car',
    name: 'Benz',
  }
];

Could anyone please help?

You want to do result = arr1.filter. Remember filter expects a boolean so just ensure you compare the return value of find with !== undefined. — Bren
– Bren, Commented Jul 9, 2020 at 2:08

user12407908 · Accepted Answer · 2020-07-09 02:16:17Z

While you should use .filter() on arr1, and pass a callback to .find(), I'd probably first convert arr2 to a simple list of IDs and use .includes() instead.

const arr1 = [{
    id: '1',
    type: 'car',
    name: 'BMW',
  },
  {
    id: '2',
    type: 'car',
    name: 'Audi',
  },
  {
    id: '3',
    type: 'car',
    name: 'Benz',
  }
];

const arr2 = [{
  carId: '1'
}, {
  carId: '3'
}];

const ids = arr2.map(o => o.carId);

const result = arr1.filter(val => ids.includes(val.id))
console.log(result)

or better yet, convert arr2 to a Set.

const arr1 = [{
    id: '1',
    type: 'car',
    name: 'BMW',
  },
  {
    id: '2',
    type: 'car',
    name: 'Audi',
  },
  {
    id: '3',
    type: 'car',
    name: 'Benz',
  }
];

const arr2 = [{
  carId: '1'
}, {
  carId: '3'
}];

const ids = arr2.map(o => o.carId);
const idSet = new Set(ids);

const result = arr1.filter(val => idSet.has(val.id))
console.log(result)

Bren · Accepted Answer · 2020-07-09 02:13:19Z

1

const arr1 = [{
    id: '1',
    type: 'car',
    name: 'BMW',
  },
  {
    id: '2',
    type: 'car',
    name: 'Audi',
  },
  {
    id: '3',
    type: 'car',
    name: 'Benz',
  }
];

const arr2 = [{
  carId: '1'
}, {
  carId: '3'
}];

const result = arr1.filter(a1val => arr2.find(a2val => a2val.carId === a1val.id) !== undefined);
console.log(result);

answered Jul 9, 2020 at 2:13

Bren

6155 silver badges15 bronze badges

Comments

fro · Accepted Answer · 2020-07-09 02:12:22Z

0

This might work

const result = arr2.map(val => arr1.find(item => item.id === val.carId))

answered Jul 9, 2020 at 2:12

fro

4423 silver badges9 bronze badges

Collectives™ on Stack Overflow

Filter two array of objects and get a resultant array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related