javascript - 为 angular2 创建管道以将 JSON 迭代到数组

Question

我正在尝试使用以下 JSON 数据并将其转换为数组，以便我可以运行 *ngFor='let item of items' 并以 item 形式显示数据.name 等等...

我尝试了以下方法:

var out = [];
for(var key1 in object) {
    out[key1] = key1;
  for(var key2 in object[key1]) {
    for(var key3 in object[key2]) {
        out[key1][key2] = key3;
        }
  }
  console.log(out);
}

但我只是将标题作为键和值。

var object = {
  "compressorClutch": {
    "name": "compressorClutch",
    "param": "Y",
    "register": "64",
    "type": "b"
  },
  "batteryLive": {
    "name": "batteryLive",
    "param": "Y",
    "register": "53",
    "type": "b"
  },
  "batteryGround": {
    "name": "batteryGround",
    "param": "Y",
    "register": "85",
    "type": "b"
  },
  "mainsCable": {
    "name": "mainsCable",
    "param": "N",
    "register": "",
    "type": "b"
  },
  "kcb": {
    "name": "kcb",
    "param": "13",
    "register": "337",
    "type": "i"
  },
  "config": "LorA-F"
}

Answer 1

使用Object.keys(object)迭代对象的键，它将返回一个数组，然后使用数组的map方法迭代这个键数组并返回json对象中的每个项目并将其分配给一个数组。

const items = Object.keys(object).map( key => object[key] )