Convert array of object to single object in javascript(Angularjs)

Question

How to do convert array of objects like this:

[ { display_name: "view_dashboard", value: 1 }, { display_name: "view_user", value: 0 } ] 

to this:

{view_dashboard: 1, view_user: 0} 

Answer 1

You could try using the reduce function:

var myArray =[ { display_name: "view_dashboard", value: 1 }, { display_name: "view_user", value: 0 } ] var result = myArray.reduce(function(obj, item) { obj[item.display_name] = item.value; return obj; }, {}) console.log(result); // {view_dashboard: 1, view_user: 0} 

Answer 2

You can try Array.map

var data = [{ display_name: "view_dashboard", value: 1 }, { display_name: "view_user", value: 0 }]; var result = data.map(function(o){ var _tmp = {}; _tmp[o.display_name] = o.value return _tmp; }); document.write("<pre>" + JSON.stringify(result,0,4) + "</pre>");

Answer 3

An approach with a Array#forEach:

var array = [{ display_name: "view_dashboard", value: 1 }, { display_name: "view_user", value: 0 }], object = {}; array.forEach(function (o) { object[o.display_name] = o.value; }); document.write('<pre>' + JSON.stringify(object, 0, 4) + '</pre>');