Question

I have following type of JSON Data

[
{"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" }
]

Now what I need is Col1, Col2, Col3 and Col4 in some array so that I can put those as headings to the dynamic table that I need to create..
Any idea on how to get these values in an array?

Answer 1

You can use $.each loop to iterate and store the values into an array.

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