How to change key value in the nested object array javascript

Question

I would like to know how to change the value in a nested object array using javascript.

how to change the "load": "undefined" to "load":1 in the obj

var obj=[{
  "id": "service",
  "country": "AR",
  "load": "undefined"
},{
  "id": "fund",
  "country": "CA",
  "load": "undefined"
}]


var result = obj.forEach(e=>e.load=1);

Expected Output:
[{
  "id": "service",
  "country": "AR",
  "load": 1
},{
  "id": "fund",
  "country": "CA",
  "load": 1
}]

Your code works. The only issue is that forEach doesn't return anything - you're instead changing obj in-place, so you can just return that, if needed. — VLAZ
– VLAZ, Commented Aug 3, 2019 at 14:37

Deryck · Accepted Answer · 2019-08-03 14:34:17Z

8

You can do this easily with new ES2015+ syntax. Using the spread operator:

var result = obj.map(e => ({ ...e, load: 1 }));

This will keep all the other props and only change load to what you want.

Also, FYI - [].forEach() does not work this way.

answered Aug 3, 2019 at 14:34

Deryck

7,6662 gold badges27 silver badges44 bronze badges

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

Comments

brk · Accepted Answer · 2019-08-03 14:38:28Z

2

forEach does not return anything,your code is working fine so in your code the original object that is obj will be changed and if you log it show load:1. If you don't want to change original array use map which returns a new array

var obj = [{
  "id": "service",
  "country": "AR",
  "load": "undefined"
}, {
  "id": "fund",
  "country": "CA",
  "loading": "undefined"
}]


var result = obj.map(function(elem) {
  return Object.assign({}, elem, {
    // only change to 1 if value is undefined
    load: elem.load === 'undefined' ? 1 : elem.load 
  })

});
console.log(result)

answered Aug 3, 2019 at 14:38

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

How to change key value in the nested object array javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related