Convert JSON Array to a JSON Object using Javascript

Question

I would like to know how to convert the input json array to a json object in the expected format using Javascript

Here is my input array

[
 {
 "Id": 1,
 "Name": "One"
 },
 {
 "Id": 2,
 "Name": "Two"
 },
 {
 "Id": 3,
 "Name": "Three"
 }
]

Expected json object output

{ "1" : "One",
 "2" :"Two",
 "3" :"Three"
}

• Herohtar: What you seem to actually be wanting to know is how to convert an array of objects into a single object that uses the id as the property names/keys.
• Herohtar: Possible duplicate of How do I convert array of Objects into one Object in JavaScript?
• Shidersz: Have you tried anything? In that case, please include it. Also, when you say JSON, you are implicitly saying that your input and expected output will be strings. Maybe you just want to know how to convert array of objects to a single object.
• arvymetal: Please note that your Id entries are numbers in the first structure and become strings in your expected result...

Answer 1

You can use array reduce and pass an empty object in the accumulator. Then inside the reduce callback update the accumulator array by adding key and value

let obj = [{
 "Id": 1,
 "Name": "One"
}, {
 "Id": 2,
 "Name": "Two"
}, {
 "Id": 3,
 "Name": "Three"
}]
let newObj = obj.reduce(function(acc, curr) {
 acc[curr.Id] = curr.Name;
 return acc;
}, {})
console.log(newObj)

• arvymetal: Agreed. Short version: obj.reduce((r, v) => ({...r, [v.Id]: v.Name}), {}))
• rafaelbiten: Just for fun... obj.reduce((r,{Id, Name}) => ({...r, [Id]: Name}), {})

Answer 2

let arr = [{
 "Id": 1,
 "Name": "One"
 },
 {
 "Id": 2,
 "Name": "Two"
 },
 {
 "Id": 3,
 "Name": "Three"
 }
]
let json1 = {}
for (const s of arr) {
 json1[s.Id] = s.Name
}
console.log(json1)

Answer 3

You only need a simple for loop to iterate trough the array and then assign new properties to the resulting object, like so:

let array = [{ "Id": 1, "Name": "One"}, {"Id": 2, "Name": "Two"}, {"Id": 3, "Name": "Three"}];
let obj = {};
for (let i = 0; i < array.length; i++) {
 const elem = array[i];
 obj[elem.Id] = elem.Name;
}
console.log(obj);

Answer 4

Iterate over the array of objects, use Object.values() to get the values for each object and then create new obects using the first value as the key.

var arr = [ { "Id": 1, "Name": "One" }, { "Id": 2, "Name": "Two" }, { "Id": 3, "Name": "Three" } ];
var jsonObj = {};
arr.forEach(function(item){
 var values = Object.values(item);
 jsonObj[values[0]] = values[1];
})
 console.log(jsonObj); // gives {"1": "One","2": "Two","3": "Three"}