将属性值与地图添加到对象数组后更改属性值不起作用

Question

I have an array of objects:

In the array I wanted to add an extra property to the objects.

I did this with the map function:

returnArray = returnArray.map((obj) => {
obj.active = "false"; 
return obj;
});

later on I want to change the value of the new property 'active' to a new value ("true") in a seperated function. But for some reason the value doesn't change.

If I change the value of an property that was in the original array, the value does change.

var array = getarrayfunction();
array[index].active = "test";              <-- Does not work
array[index].originalProperty = "test";    <-- Does work

Can anyone explain why and how I can fix this?

Thanks!

Answer 1

Assign new property to the existing object as follows with quote ( obj['c'] = "false"). http://jsfiddle.net/xpvt214o/488358/

  var returnArray = [{'a':1,'b':'xxx'},{'a':1,'b':'true'}];

   $('button').click(function(){
     returnArray = returnArray.map((obj) => {
         obj['c'] = "false"; 
         return obj;
      });
      console.log(returnArray);
   })

  $('p').click(function(){
      returnArray[0]['c'] = 'test';
    console.log(returnArray);
  });