I have JSON array like this
var array= [{id:1,name:'foo'},{id:2,name:'bar'}]
I would like to add a new key (eg:isApproved) to each object in the existing array
expected output:
var array= [{id:1,name:'foo',isApproved:true},{id:2,name:'bar',isApproved:true}]
I used the map function to achieve this
array.map(function(e,index){
e.isApproved[index]= true
}
But this not worked for me
You were really close. You do not need the index here. The map passes through every element of the array, so 'e' will be each object in your array.
var array= [{id:1,name:'foo'},{id:2,name:'bar'}];
array.map(function(e){
e.isApproved = true;
});
console.log(array);
Array.prototype.map() expects a return value from a functionWith this code, you wont mutate objects inside your array
const arr = [{id:1,name:'foo'},{id:2,name:'bar'}];
const mapped = arr.map(element => Object.assign(element, {isApproved: true})
More new approach would be using spread operator:
const arr = [{id:1,name:'foo'},{id:2,name:'bar'}];
const mapped = arr.map(element => ({isApproved: true ,...element}))
Snippet
const arr = [{id:1,name:'foo'},{id:2,name:'bar'}];
const mapped = arr.map(element => ({isApproved: true ,...element}))
console.log(mapped)
Try this, you don't need the index:
var array= [{id:1,name:'foo'},{id:2,name:'bar'}];
array.map(value => value.isApproved = true);
console.log(array)Use the actual item 'e' in the map
Map also gives you the facility to alter each element and return them in a new array. This can be useful if you do not want your current array to alter its state rather you need a modified form of the same array.
check this code:
var array= [{id:1,name:'foo'},{id:2,name:'bar'}];
var modifiedArray = array.map(function(e,index){
return Object.assign({isApproved:true},e);
});
console.log(array);
console.log(modifiedArray);
Output:
//array
[{id: 1, name: "foo"},
{id: 2, name: "bar"}]
//modifiedArray
[{isApproved: true, id: 1, name: "foo"},
{isApproved: true, id: 2, name: "bar"}]
e[index] doesn't make sense since this index is meant for the array you are iterating.
Set the property directly to e
array.map(function(e,index){
e.isApproved = true;
}
<script>
var array= [{id:1,name:'foo'},{id:2,name:'bar'}]
array.forEach(function(e,index){
e.isApproved= true;
})
console.log(array);
</script>
You can use forEach instead of map.
return eafter setting the value.Cannot set property '0' of undefinede.isApproved = trueinstead usinge.isApproved[index] = true.e.isApproved = true. delete[index]