How to change Json format like a value will be object name

Question

How to set json file from bellow form: I like to set id value to object name.

[{
  "id": 1,
  "public_name": "Duygu D.",
  "professions": "Kumas dizayn",
  "job_preference": "freelancer"
}, {
  "id": 2,
  "public_name": "Meral A.",
  "professions": "Model Uyg.",
  "job_preference": "freelancer"
}]

To below form:

{
  "1": {
    "public_name": "Duygu D.",
    "professions": "Kumas dizayn",
  },
  "2": {
    "public_name": "Meral A.",
    "professions": "Model Uyg.",
  }
}

Welcome to SO! Please refer to [How to ask](http://stackoverflow.com/help/how-to-ask) and provide necessary details — Rajesh, Dec 05 '16 at 14:09
Possible duplicate of [How to convert array of Objects into one Object in JavaScript?](http://stackoverflow.com/questions/19874555/how-to-convert-array-of-objects-into-one-object-in-javascript) — Rajesh, Dec 05 '16 at 14:19

score 1 · Answer 1 · answered Dec 05 '16 at 14:11

var arr = [{
    "id": 1,
    "public_name": "Duygu D.",
    "professions": "Kumas dizayn",
    "job_preference": "freelancer"
  }, {
    "id": 2,
    "public_name": "Meral A.",
    "professions": "Model Uyg.",
    "job_preference": "freelancer"
  }];

var newObj = {};

arr.forEach(function(el){
    newObj[el.id] = {public_name: el.public_name, professions: el.professions};
});

console.log(newObj);

newObj will be your wished object

score 1 · Answer 2 · answered Dec 05 '16 at 14:13

1

Iterate over your array and add a new property to the empty object result with the data you need

var data = [{
  "id": 1,
  "public_name": "Duygu D.",
  "professions": "Kumas dizayn",
  "job_preference": "freelancer"
}, {
  "id": 2,
  "public_name": "Meral A.",
  "professions": "Model Uyg.",
  "job_preference": "freelancer"
}];

var result = {};

data.forEach(function(item){
    result[item.id] = {
      "public_name" : item.public_name,
      "professions" : item.professions
      };
});

console.log(result);

answered Dec 05 '16 at 14:13

Weedoze

13,683
1
33
63

Please let OP share his/her efforts. This is a basic question and you will find relatted post easily – Rajesh Dec 05 '16 at 14:14
@Weedoze, Thank you very much. I solved as you gave example. :) – Cappittall Dec 05 '16 at 17:30

Tuhin · Accepted Answer · 2016-12-05T14:20:10.553

1

You can use Array's reduce() method.

var arr = [{
  "id": 1,
  "public_name": "Duygu D.",
  "professions": "Kumas dizayn",
  "job_preference": "freelancer"
}, {
  "id": 2,
  "public_name": "Meral A.",
  "professions": "Model Uyg.",
  "job_preference": "freelancer"
}];

var obj = arr.reduce(function(o, v, i) {
  o[v.id] = {"public_name":v.public_name,  "professions": v.professions};
  return o;
}, {});

edited Dec 05 '16 at 14:20

answered Dec 05 '16 at 14:19

Tuhin

3,335
2
16
27

score 1 · Answer 4 · answered Dec 05 '16 at 14:19

Try something like this:

// Your original array of objects stored in a variable.
const originalObject = [{
  "id": 1,
  "public_name": "Duygu D.",
  "professions": "Kumas dizayn",
  "job_preference": "freelancer"
}, {
  "id": 2,
  "public_name": "Meral A.",
  "professions": "Model Uyg.",
  "job_preference": "freelancer"
}];

// Create an empty new object to hold your new format.
const newObject = {};

// Loop the original object.
originalObject.forEach(item => {
  // Create a key in the new object based on the id of the original object.
  // Warning: This assumes your id's are unique.
  newObject[item.id] = { 
    public_name: item.public_name,
    professions: item.professions
  };
});

// Convert the object to a JSON string (optional).
const jsonString = JSON.stringify(newObject);

console.log(`As JS object ${newObject} or as JSON string ${jsonString}`);

This code is ES6, but can easily be converted to ES5.

Here's the example you can play with on Codepen:

http://codepen.io/anon/pen/WozoLo?editors=0010#0

How to change Json format like a value will be object name

4 Answers4