从 JSON 数据中获取表的标题答案

【问题标题】：Getting heading for a table from JSON data从 JSON 数据中获取表的标题
【发布时间】：2012-10-28 08:58:05
【问题描述】：

我有以下类型的 JSON 数据

[
{"Col1": "Server1", "Col2": "57", "Col3": "Create", "Col4": "Details" },
{"Col1": "Server2", "Col2": "27", "Col3": "Create", "Col4": "Details" },
{"Col1": "Server3", "Col2": "89", "Col3": "Create", "Col4": "Details" },
{"Col1": "Server4", "Col2": "75", "Col3": "Create", "Col4": "Details" },
{"Col1": "Server5", "Col2": "77", "Col3": "Create", "Col4": "Details" },
{"Col1": "Server6", "Col2": "55", "Col3": "Create", "Col4": "Details" }
]

现在我需要的是某个数组中的 Col1、Col2、Col3 和 Col4，以便我可以将它们作为标题放入我需要创建的动态表中。关于如何在数组中获取这些值的任何想法？

【问题讨论】：

我只需要标题名称，例如上述示例中的 Col1 Col2 Col3 Col4
您需要将它们中的每一个放在一个单独的数组中吗？？
每一个？？我只需要一个数组中的 COL1、COL2、COL3、COL4，这样我就可以将它们用作我的表格的标题

标签： jquery arrays json

【解决方案1】：

您可以使用$.each loop 来迭代并将值存储到数组中。

var col1Array= [];
var col2Array= [];
var col3Array= [];
var col4Array= [];

var headerArray = [];
// Select the first Object in the Array
// and iterate over it
$.each(data[0] , function(key, value){
   headerArray.push(key)
});

console.log(headerArray);

Check Fiddle

【讨论】：

我猜你误解了这个问题。我只需要从 JSON 数据中获取标头名称..而不是每个标头的值..所以在理想情况下，我需要输出为 ["Col1","Col2","Col3","Col4"]...