Angular 2为每个数组对象添加键和值

Question

I have array of objects :

array = [
  {name: 'name'},
  {name: 'name'},
  {name: 'name'},
  {name: 'name'},
]

I want to add key: '123' to each of them so it would be :

array = [
  {name: 'name', key: '123'},
  {name: 'name', key: '123'},
  {name: 'name', key: '123'},
  {name: 'name', key: '123'},
]

What I've tryed :

checked = false;
     this.editObj.forEach(item => item.push(this.checked))

ERROR : item.push is not a function.

But it isn't working. How to do it in the right way ?

Answer 1

you should do :

this.editObj.forEach(item => item["key"]= "123");
console.log(this.editObj);

Answer 2

const arr = [
  {name: 'name'},
  {name: 'name'},
  {name: 'name'},
  {name: 'name'},
]

const arr2 = arr.map(x => ({...x , key: '123'}));

Answer 3

Your code is not working because you use .push() on object, not on array. Try this:

this.editObj.forEach(item => item["key"] = this.checked);

Answer 4

You can try with creating custom dictionary

 array = [ {name: 'name'}, {name: 'name'}, {name: 'name'}, {name: 'name'}, ] var dict = []; // create an empty dictionary for (i = 0; i < array.length; i++) { dict.push({ key: "123", value: array[i].name }); } console.log(dict); 

Answer 5

In everything except IE11

Creating a new array

 const array = [{ name: 'name', }, { name: 'name', }, { name: 'name', }, { name: 'name', }, ]; console.log(array.map(x => ({ ...x, key: '123', }))); 

Updating existing array

 const array = [{ name: 'name', }, { name: 'name', }, { name: 'name', }, { name: 'name', }, ]; array.forEach((x) => { x.key = '123'; }); console.log(array); 

---

In IE11

 var array = [{ name: 'name', }, { name: 'name', }, { name: 'name', }, { name: 'name', }, ]; for (var i = 0; i < array.length; i += 1) { array[i].key = '123'; } console.log(array);