JS Search in object array by using array

Question

I want to remove all the object from a data array that contains the same id in an array of id. How can I achieve this task without looping it?

const id = [1, 2];
const data = [
    {id: 1},
    {id: 2},
    {id: 3}
];
console.log(data);

This has been asked so many times in SO that I'll make it only as a comment: `const filtered = data.filter((item) => id.includes(item.id))` — Samuli Hakoniemi, Mar 07 '19 at 13:12
Possible duplicate of [filtering an array of objects based on another array in javascript](https://stackoverflow.com/questions/46894352/filtering-an-array-of-objects-based-on-another-array-in-javascript) and [Filter Array Not in Another Array](https://stackoverflow.com/questions/33577868) — adiga, Mar 07 '19 at 13:17
[How much research effort is expected of Stack Overflow users?](https://meta.stackoverflow.com/a/261593/3082296) — adiga, Mar 07 '19 at 13:18

score 1 · Answer 1 · answered Mar 07 '19 at 13:12

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

The includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate.

const id = [1, 2];
const data = [
    {id: 1},
    {id: 2},
    {id: 3}
];
var res = data.filter(i => !id.includes(i.id)); 
console.log(res);

score 0 · Answer 2 · answered Mar 07 '19 at 13:12

0

let newData = data.filter(item => !id.includes(item.id));
console.log(newData);

answered Mar 07 '19 at 13:12

Emre Erdoğan

score 0 · Answer 3 · answered Mar 07 '19 at 13:12

0

You can use .filter() and .includes() for filtering your object.

const id = [1, 2];
let data = [
    {id: 1},
    {id: 2},
    {id: 3}
];

data = data.filter((item) => (!id.includes(item.id)));

console.log(data);

answered Mar 07 '19 at 13:12

Kévin Bibollet

score 0 · Answer 4 · answered Mar 07 '19 at 13:13

const uniqArray = _.uniqBy([{ 'id': 1 }, { 'id': 2 }, { 'id': 1 }], 'id');

console.log(uniqArray)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

4 Answers4