how to assign Object keys to a same property and create an array of objects with name and value pair-Javascript

Question

I have an object:

obj= {
  sside: "1",
  id: 222,
  env: "Windows",
  platform: "Windows33",
  model: "IE9"
}

Now I want to convert this above object into this:

obj2 = [{name: "sside", value:"1"},{name:"id", value:"222",name:"env",value:"Windows"}];

I'm able to get all the keys in the array:

var keysArray= Object.keys(obj);

But im not sure how can I assign "name" field to every key inside the keysArray

Is this possible to do?

I would say no, given that {name:"id", value:"222",name:"env",value:"Windows"} is not a valid object. Are you sure you didn't want [{"name": "sside", "value": "1"},{"name": "id", "value": "222"},{"name": "env", "value": "Windows"}]? — Obsidian Age
– Obsidian Age, Commented Jun 19, 2019 at 22:58

fardjad · Accepted Answer · 2019-06-19 23:05:12Z

2

Try this:

const obj2 = Object.keys(obj).map(key => ({name: key, value: obj[key]}))

answered Jun 19, 2019 at 23:05

fardjad

20.5k6 gold badges55 silver badges68 bronze badges

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

Comments

Web Nexus · Accepted Answer · 2019-06-19 23:03:29Z

1

You can loop through the object and get each key and value and push this into an array.

obj = {
  sside: "1",
  id: 222,
  env: "Windows",
  platform: "Windows33",
  model: "IE9"
};

arr = [];


Object.keys(obj)
  .forEach(function splitObj(key) {
    arr.push({name: key, value: obj[key]})
  });

console.log(arr);

answered Jun 19, 2019 at 23:03

Web Nexus

1,14811 silver badges29 bronze badges

1 Comment

connexo Over a year ago

That's what map is for.

Collectives™ on Stack Overflow

how to assign Object keys to a same property and create an array of objects with name and value pair-Javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related