从对象数组到数组对象

时间:2019-10-22 02:01:33

标签: javascript reactjs

传入数据

节点是对象数组

{
  "db": {
    "testing new apip": { "node": [] },
    "testing new apip 5": {
      "node": [
        {
          "id": "testing new id",
          "time": 1571679839.6459858,
          "rssi": "testing new rssi"
        },
        {
          "id": "testing new id 5",
          "time": 1571679845.8376184,
          "rssi": "testing new rssi"
        },
        {
          "id": "testing new id 55",
          "time": 1571679851.4211318,
          "rssi": "testing new rssi"
        }
      ]
    },
    "testing new apip 52": {
      "node": [
        {
          "id": "testing new id 556",
          "time": 1571679859.927497,
          "rssi": "testing new rssi"
        }
      ]
    }
  }
}

我想知道是否存在不使用for循环即可追加到数组的快捷方式。

基本上我想知道什么是最快的转换方式

对象数组==>数组对象。

  var data2 = {
      id: [],
      time: [],
      rssi: []
    };

这是我现在正在做的事情:

    for (i = 0; i < data.db[AP[0]].node.length; i++) {
      data2.id.push(data.db[AP[0]].node[0].id)
      data2.time.push(data.db[AP[0]].node[0].time)
      data2.rssi.push(data.db[AP[0]].node[0].rssi)
    }

1 个答案:

答案 0 :(得分:2)

一种方法是使用reduce()

// Array of objects.
let node = [{ "id": "testing new id", "time": 1571679839.6459858, "rssi": "testing new rssi" }, { "id": "testing new id 5", "time": 1571679845.8376184, "rssi": "testing new rssi" }, { "id": "testing new id 55", "time": 1571679851.4211318, "rssi": "testing new rssi" } ];

let result = node.reduce((acc, curr) => {
  Object.entries(curr).forEach(([key, value]) => {
    acc[key] = acc[key] || [];
    acc[key].push(value);
  });
  
  return acc;
}, {});

// Object of arrays.
console.log(result);