如何使用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"]