Angular 2 add key and value to each array object

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 ?

You want to modify the object within the array so you need to use item["key"] = "123" — Markus Safar
– Markus Safar, Commented Oct 30, 2018 at 9:46

Boban Stojanovski · Accepted Answer · 2018-10-30 13:34:25Z

3

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

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

edited Oct 30, 2018 at 13:34

answered Oct 30, 2018 at 9:54

Boban Stojanovski

91014 silver badges28 bronze badges

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

1 Comment

Orelsanpls Over a year ago

Mixing ES5 var with ES6 ... (spread operator) is uncanny. Please use const

Prasad Telkikar · Accepted Answer · 2018-10-30 10:34:10Z

2

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);

answered Oct 30, 2018 at 10:34

Prasad Telkikar

16.1k7 gold badges26 silver badges49 bronze badges

Comments

Sanoj_V · Accepted Answer · 2018-10-30 13:13:43Z

2

you should do :

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

edited Oct 30, 2018 at 13:13

answered Oct 30, 2018 at 9:45

Sanoj_V

2,9961 gold badge14 silver badges33 bronze badges

1 Comment

Boban Stojanovski Over a year ago

this is returning an error :) Uncaught SyntaxError: missing ) after argument list

Eugene Mihaylin · Accepted Answer · 2018-10-30 10:14:33Z

1

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

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

answered Oct 30, 2018 at 10:14

Eugene Mihaylin

1,8743 gold badges21 silver badges33 bronze badges

3 Comments

Orelsanpls Over a year ago

Look at no-return-assign rule.

Eugene Mihaylin Over a year ago

@GrégoryNEUT I know this rule, but it's a shorthand 1-liner

Orelsanpls Over a year ago

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

Orelsanpls · Accepted Answer · 2018-10-30 13:28:28Z

1

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);

answered Oct 30, 2018 at 13:28

Orelsanpls

23.7k7 gold badges46 silver badges74 bronze badges

Collectives™ on Stack Overflow

Angular 2 add key and value to each array object

5 Answers 5

1 Comment

Comments

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related