Comparing two arrays of objects if one property is also an array in Angular 7?

Question

I have two arrays: First - jobs array of objects that contains array itemIds, like this:

jobs: [{
        name: null
        id: 612
        items: []
        stat: 1
        itemIds: [223, 1234]
    },
    {
        name: null
        id: 734
        items: []
        stat: 2
        itemIds: [564]
    }
    .
    .
    .
]

and second array - items, like this:

items: [{
        act: true
        id: 1234
        name: "Item1"
    },
    {
        act: true
        id: 222
        name: "Item2"
    },
]

How to filter out an array of items whos id isn't equal to any of itemIds from jobs array or that property stat from jobs array isn't equal to 0 ? I tried with three loops, but it dropped out only one item with the same id in a array of jobs. Any help appreciated.

Orelsanpls · Accepted Answer · 2020-07-03 15:37:20Z

1

We are going to use Array.filter to loop over every elements in items and create a new array containing only the items you want to keep.

For each of the values, we are going to see if any job contains in itemIds the code id. To do that, we are going to loop over every job and for every job, we are going to look at the underlying ItemsIds values.

Array.some here will leave as soon at it find something.

const jobs = [{
    name: null,
    id: 612,
    items: [],
    stat: 1,
    itemIds: [223, 1234],
  },
  {
    name: null,
    id: 612,
    items: [],
    stat: 2,
    itemIds: [223, 1234],
  },
  {
    name: null,
    id: 734,
    items: [],
    stat: 2,
    itemIds: [564],
  }
];

const items = [{
    act: true,
    id: 1234,
    name: 'Item1',
  },
  {
    act: true,
    id: 222,
    name: 'Item2',
  },
];

const filteredItems = items.filter(x => jobs.some(y => y.itemIds.includes(x.id) && y.stat !== 1));

console.log(filteredItems);

edited Jul 3, 2020 at 15:37

answered Jul 3, 2020 at 15:06

Orelsanpls

23.7k7 gold badges46 silver badges74 bronze badges

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

2 Comments

User1999 Over a year ago

Thanks a bunch, You saved my day ! And if I want to add one more condition, like that stat in array jobs isnt equal to 1, I'll do that like this: const filteredItems = items.filter(x => jobs.some(y => y.itemIds.includes(x.id || y.stat !== 1))) ?

Orelsanpls Over a year ago

You should insert the additional conditions after the .includes() method. I've edited my snippet with your stat example. Good luck

Collectives™ on Stack Overflow

Comparing two arrays of objects if one property is also an array in Angular 7?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related