How to add new object value to an array [duplicate]

Question

Trying to add new object value in an array but not working. How to add it? If anyone knows please help to find the solution.

getting this error:

Property 'includes' does not exist on type '{ name: string; id: string; }[]'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2016' or later.

app.component.ts:

public a = { name: 'test1', id: '12345' };
public b = { name: 'test2', id: '12345' };

addVala() {
  if (this.arr.includes(this.a)) {
    console.log('This obj already there');
  } else {
    this.arr.push(this.a);
  }
  console.log(this.arr);
}

Demo : https://stackblitz.com/edit/angular-ivy-jj7sna?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.ts

Mr. Polywhirl · Accepted Answer · 2022-07-29 13:27:21Z

1

You can simplify your "add" logic by passing-in the object that you want to add and checking if another object (already in the list) shares the same ID.

const arr = [
  { name: 'test1', id: 'A' },
  { name: 'test3', id: 'C' },
];
  
const a = { name: 'test1', id: 'A' };
const b = { name: 'test2', id: 'B' };

const add = (obj) => {
  if (!arr.find(({ id }) => id === obj.id)) {
    arr.push(obj);
    console.log(`Added ${obj.id}`);
  } else {
    console.log(`Object ${obj.id} already exists!`);
  }
}

function addA() { add(a); }
function addB() { add(b); }

<button onclick="addA()">Add A</button>
<button onclick="addB()">Add B</button>

answered Jul 29, 2022 at 13:27

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

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

Collectives™ on Stack Overflow

How to add new object value to an array [duplicate]

app.component.ts:

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

app.component.ts:

1 Answer 1

Comments

Linked

Related