Check if an object exist in an array in Angular 6

Question

I have an array of categories: this.categories

[ { "id": 6, "name": "categories.ladies_team" }, { "id": 2, "name": "categories.junior_team" }, { "id": 7, "name": "categories.master" }, { "id": 5, "name": "categories.ladies_single" }, { "id": 1, "name": "categories.junior" }, { "id": 3, "name": "categories.men_single" }, { "id": 4, "name": "categories.men_team" } ]

Now I have a new element:

const newCategory = {
    id: category.id,
    name: category.name
};

I would like to insert it if not present.

I tried:

if (!this.categories.includes(newCategory)) {
    this.categories.push(newCategory);
  }

but it is not working...

What am I doing wrong ?

Answer 1

Unfortunately, includes will not work unless it is the same instance. You will need to do something like;

if (!this.categories.some((item) => item.id == newCategory.id)) {
    this.categories.push(newCategory);
}

Answer 2

The solution given by user184994 didn't worked for me, It was only fetching the first element. I tried like this which worked for me.

let data = this.categories.find(ob => ob.id === newCategory.id);
if(data === null){
 this.categories.push(newCategory);
}