使用 angular 5 或 javascript 将 json 对象转换为特定格式的数组

Question

我有一个如下所示的 json 数据。

  [{
   {name: "box: 122",x=["2018-01-12T00:01:56.480Z", "2018-01-12T00:05:58.116Z", "2018-01-   12T00:10:00.379Z"], y=[0, 3, 5]},
   {name: "box: 125",x=["2018-01-12T00:01:56.480Z", "2018-01-12T00:05:58.116Z", "2018-01-12T00:10:00.379Z"], y=[1,5,2]}
  }]

现在我想将此json格式化为以下格式。

输出 ：

{ 
box: 122,  "2018-01-12T00:01:56.480Z",  0 
box: 122 ,"2018-01-12T00:05:58.116Z" ,  3
box: 122 ,"2018-01-12T00:10:00.379Z",   5
box: 125,  "2018-01-12T00:01:56.480Z",  1
box: 125, "2018-01-12T00:05:58.116Z",   5
box: 125,  "2018-01-12T00:10:00.379Z"   2
}

基本上我会将这些数据导出到 csv 文件。我尝试了很多代码片段，但没有一个能达到预期的结果。 任何人都可以帮助我如何在 javascript 中做到这一点。 提前致谢。

Answer 1

一些观察：

• 您的JSON不是有效的JSON 。
• JSON 不支持= 。 使用:而不是= 。

• 有效的 JSON 应该类似于Array of objects ：

  

根据要求解决方案：

 var jsonObj = [{ "name": "box: 122", "x": ["2018-01-12T00:01:56.480Z", "2018-01-12T00:05:58.116Z", "2018-01-12T00:10:00.379Z"], "y": [0, 3, 5] }, { "name": "box: 125", "x": ["2018-01-12T00:01:56.480Z", "2018-01-12T00:05:58.116Z", "2018-01-12T00:10:00.379Z"], "y": [1, 5, 2] }]; var tableString = "<table>", body = document.getElementsByTagName('body')[0], div = document.createElement('div'); tableString += "<tr><td>name</td><td>x</td><td>y</td><tr>"; for (var i in jsonObj) { tableString += "<tr>"; tableString += "<td>" + jsonObj[i].name + "</td>"; tableString += "<td>" + jsonObj[i].x + "</td>"; tableString += "<td>" + jsonObj[i].y + "</td>"; tableString += "</tr>"; } tableString += "</table>"; div.innerHTML = tableString; body.appendChild(div);

 table, td { border: 1px solid black; }