es6：隱式數組對象

Question

我有記錄：

 let a =  [{
            "resource" : "user",

            "permissions" : [ 
                "add", 
                "list", 
                "verify", 
                "add-credit", 
                "deactive", 
                "trash", 
                "edit", 
                "impersonate", 
                "active"
            ]
        }, 
        {
            "resource" : "company",

            "permissions" : [ 
                "list", 
                "verify", 
                "pending", 
                "reject"
            ]
        }];

我想將其轉換為：

{"user":[ 
                "add", 
                "list", 
                "verify", 
                "add-credit", 
                "deactive", 
                "trash", 
                "edit", 
                "impersonate", 
                "active"
         ], 
        "company" : [ 
                "list", 
                "verify", 
                "pending", 
                "reject"
            ]
     };

這可以通過自定義函數進行foreach並將結果存儲到另一個變量中來完成。

我想要做的就是使用map ， filter或es6中javascript的任何新功能。

我嘗試使用map 。

 a.map(function (res){return res.resource})

Answer 1

使用reduce

var output = a.reduce( ( acc, c ) => {
  acc[ c.resource ] = c.permissions;
  return acc; //return accumulator
} ,{}) // initialize accumulator to {}

說明

• 使用reduce 迭代並將 累加器 acc 初始化為空對象 {} 。
• 對於數組a中的每一項c
  • 將c.resource值（ 用戶和公司 ）作為屬性分配給acc （累加器），並且該屬性的值是c.permissions
  • return 累加器 acc 。

Answer 2

盡管可以通過使用reduce來reduce此問題，但這只是為了說明可以通過這種方式完成，如果您不了解reduce工作原理或不想使用reduce ，則可以更好地理解。

 let a = [{ "resource" : "user", "permissions" : [ "add", "list", "verify", "add-credit", "deactive", "trash", "edit", "impersonate", "active" ] }, { "resource" : "company", "permissions" : [ "list", "verify", "pending", "reject" ] }]; var res = {}; a.forEach((obj)=>{ res[obj.resource] = obj.permissions; }); console.log(res);