將對象數組轉換為javascript（Angularjs）中的單個對象

Question

如何轉換這樣的對象數組：

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

對此：

{view_dashboard: 1, view_user: 0}

Answer 1

您可以嘗試使用reduce函數 ：

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

您可以嘗試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

使用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>');