How to push object data in array

Question

I have an object:

{background: "#f3f3f3", color: "#f435"}

And i have an array:

elData = {
   colors: [],
}

I want push object(key:val) to array.

Finaly data should be:

elData = {
   colors: [
     {background: "#f3f3f3"},
     {color: "#f435"}
   ],
}

how i can do that?

Answer 1

The trick is to first break down the original object into new objects of its component parts. Then add each component part into a new object and push that onto the array inside of ElData

 oldObject = {background: "#f3f3f3", color: "#f435"} colors=[]; elData = { colors: [], } Object.keys(oldObject).map(function(oldKey, index) { var value = oldObject[oldKey]; newObject={}; newObject={oldKey:value} elData.colors.push(newObject); }); console.log(elData); /* elData = { colors: [ {background: "#f3f3f3"}, {color: "#f435"} ], } */