如何使用Jquery或JS獲取數組的對象名

Question

我想這相對容易，但是我不知道該怎么做。

HTML / JS（Jquery）文件的一部分

  var checkedBox = $('input[name=ProductType]:checked').val();

            $.getJSON('getdata.php', {ProductType: checkedBox}, function(getit) {
                $.each(getit, function(index, array) {

從PHP文件通過JSON獲取變量數組之后。 我可以在控制台中看到以下信息：

安慰

[{"color":"red"},{"color":"blue"},{"color":"yellow"}]

根據復選框的值，PHP文件將返回數組對象名。 （在這種情況下為“顏色”）及其相應的值。

現在，我想用Jquery或JS在var中捕獲此數組對象名，因為數組對象名可以不同。 但是我該怎么辦呢？

Answer 1

我猜您想做的是從JSON數據中提取名稱。 如果您有從PHP JSON返回的數據：

var getit = [{"color":"red"},{"color":"blue"},{"color":"yellow"}];

並且，您想從中獲取通用屬性名稱，並且數組中的所有值都具有相同的名稱，您可以這樣：

function getKeyName(data) {
    var firstItem = data[0];  // look at first array element
    for (var i in firstItem) {
        return(i);  // return first property name found
    }
}

var attributeName = getKeyName(getit);

如果您控制JSON數據格式，那么我認為使用這種格式將是一種更有用的數據格式：

{"name": "color", "values": ["red", "blue", "yellow"]}

然后，您可以直接訪問：

data.name   // "color"
data.values // ["red", "blue", "yellow"]