How to replace values in an object with values from a list in Javascript?

Question

I have the following object and list:

myObj = [
          { width: 10, height: 15, length: 20 },
          { width: 8, height: 10, length: 10 },
          { width: 23, height: 5, length: 5 },
          { width: 11, height: 18, length: 10 }
        ];
heights = {12,13,14,15};

In Javascript or jQuery what is the best way to replace the object heights with the values in the heights list? The order does matter. Results should be:

 myObj = [
              { width: 10, height: 12, length: 20 },
              { width: 8, height: 13, length: 10 },
              { width: 23, height: 14, length: 5 },
              { width: 11, height: 15, length: 10 }
            ];

That is the wrong way to make an array. It should be heights = [12, 13, 14, 15] — soktinpk
– soktinpk, Commented Oct 10, 2014 at 2:31
It should definitely be an array. Your current code gives a syntax error. — David Sherret
– David Sherret, Commented Oct 10, 2014 at 2:32

Arun P Johny · Accepted Answer · 2014-10-10 02:30:34Z

1

You need to loop, and assign the values

var myObj = [{
    width: 10,
    height: 15,
    length: 20
}, {
    width: 8,
    height: 10,
    length: 10
}, {
    width: 23,
    height: 5,
    length: 5
}, {
    width: 11,
    height: 18,
    length: 10
}];
var heights = [12, 13, 14, 15];

myObj.forEach( function(obj,i){
    obj.height = heights[i]
});
console.log(myObj)

document.getElementById('log').innerHTML = JSON.stringify(myObj)

<div id="log"></div>

answered Oct 10, 2014 at 2:30

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

How to replace values in an object with values from a list in Javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related