restructure Objects in Javascript [duplicate]

Question

I am trying to restructure an object that I get from my API. See objects below.

{
  "App 1": "5a67-b-45-86e7-bfb351",
  "App 2": "293-e2-4a-96c-4471d0ea",
  "App 3": "f87d5-e0-41-bd-16dc72e"
}

I would like it to be reconstructed in the following format using Javascript:

I have the following data:

{
  "App 1": "5a67-b-45-86e7-bfb351",
  "App 2": "293-e2-4a-96c-4471d0ea",
  "App 3": "f87d5-e0-41-bd-16dc72e"
}

I would like it to be reconstructed in the following JSON format using Javascript:

[
  {
    "id" : "5a67-b-45-86e7-bfb351",
    "name" : "App 1"
  },
  {
    "id" : "293-e2-4a-96c-4471d0ea",
    "name" : "App 2"
  },
  {
    "id":"f87d5-e0-41-bd-16dc72e",
    "name":"App 3"
  }
]

Convert the JSON to a JS Object and simply loop over each property and build your desired array of objects. — Cata John
– Cata John, Commented Nov 26, 2018 at 6:52

Ahmad · Accepted Answer · 2018-11-26 06:54:15Z

1

You can use Object.keys to obtain an array of all keys of your json object and then iterate through all keys and add them in the output array as such:

var data = {
      "App 1": "5a67-b-45-86e7-bfb351",
      "App 2": "293-e2-4a-96c-4471d0ea",
      "App 3": "f87d5-e0-41-bd-16dc72e"
  }
  
 var output = [];
 var keys = Object.keys(data);
 
 keys.forEach(function(key){
  var value = data[key];
  output.push({id:value,name:key});
 });
 
 console.log(output);

answered Nov 26, 2018 at 6:54

Ahmad

12.8k7 gold badges53 silver badges98 bronze badges

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

4 Comments

user9181162 Over a year ago

That is a first, we posted almost at the same time haha

dladloti_liwa Over a year ago

Hey, thanks! This is exactly what I was looking for

Ahmad Over a year ago

@dladloti_liwa you can't accept both answers. You can only choose one to accept. However, you can upvote both answers.

dladloti_liwa Over a year ago

@Ahmad Oh, okay cool. I'm a newbie here haha...

user9181162 · Accepted Answer · 2018-11-26 06:56:45Z

1

const obj = {
    "App 1": "5a67-b-45-86e7-bfb351",
    "App 2": "293-e2-4a-96c-4471d0ea",
    "App 3": "f87d5-e0-41-bd-16dc72e"
}

const newObj = []
Object.keys(obj).forEach(key => {
    newObj.push({ name: key, id: obj[key] }) 
})
console.log(newObj)

answered Nov 26, 2018 at 6:56

user9181162

Collectives™ on Stack Overflow

restructure Objects in Javascript [duplicate]

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related