按对象数组中的公共属性对项目进行分组

Question

我正在寻找一种有效的方法来重新排列 JS 中的对象数组。 我需要将每个对象的两个参数组合成一个对象，其中gwdetailsid值相同。

初始数组：

{
  "data": [
    {
      "gwdetailsid": "gw1",
      "gwpname": "username",
      "gwpvalue": "transalis"
    },
    {
      "gwdetailsid": "gw1",
      "gwpname": "password",
      "gwpvalue": "secure_password@1"
    },
    {
      "gwdetailsid": "gw2",
      "gwpname": "username",
      "gwpvalue": "tesco"
    },
    {
      "gwdetailsid": "gw2",
      "gwpname": "password",
      "gwpvalue": "lemon_farmer_2"
    }
  ]
}

所需的输出数组：

{
  "gateways": [
    {
      "gwdetailsid": "gw1",
      "username": "transalis",
      "password": "secure_password@1"
    },
    {
      "gwdetailsid": "gw2",
      "username": "tesco",
      "password": "lemon_farmer_2"
    }
  ]
}

Answer 1

实际上，您的任务归结为将data数组转换为gateways数组。

您可以使用Array.prototype.reduce()来完成这种工作，以gwdetailsid属性作为键来构建Map ，然后提取该Map .values() ：

 const data = [{gwdetailsid:"gw1",gwpname:"username",gwpvalue:"transalis"},{gwdetailsid:"gw1",gwpname:"password",gwpvalue:"secure_password@1"},{gwdetailsid:"gw2",gwpname:"username",gwpvalue:"tesco"},{gwdetailsid:"gw2",gwpname:"password",gwpvalue:"lemon_farmer_2"}], gateways = [...data .reduce((acc, {gwdetailsid, gwpname, gwpvalue} ) => { const group = acc.get(gwdetailsid) group ? group[gwpname] = gwpvalue : acc.set(gwdetailsid, {gwdetailsid, [gwpname]: gwpvalue}) return acc }, new Map) .values() ] console.log(gateways)

 .as-console-wrapper{min-height:100%;}