jquery - 从 JSON 数据中获取表的标题

Question

我有以下类型的 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，以便我可以将它们作为标题放入我需要创建的动态表中。关于如何在数组中获取这些值的任何想法？

Answer 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);

检查小提琴