Question

我有一个来自URL的JSON数据，并且使用jQuery ajax方法消耗它。

现在，正如下面的JSON代码所示，我有一个包含JSON中对象的DATA数组，现在如果我使用FirstName访问resp.DATA[0].FirstName，我能够得到它，但现在我必须显示DATA数组中的所有键值对，我不知道键名，即我必须显示每个键和值。
数据上有两个客户。

我怎样才能使用JavaScript或jQuery？

JSON DATA：

    {
    "ERROR": [],
    "DATA": [{
        "CustomerID": "124",
        "BranchID": "12",
        "FirstName": "sandeep",
        "LastName": "b",
        "EmailID": "gggg@gmail.com",
        "Sex": "Male",
        "Landline": "",
        "AlternateNumber": "",
        "Password": "5735c2801",
        "USERVARCHAR_2": ""
    }],
    "META": {
        "totalPages": "1",
    }
}

我必须以KEY:VALUE，的形式显示每个客户数据的关键字和值，因此请建议我如何循环使用。

Answer 1

使用for循环迭代javascript数组文字

for (var key in resp.DATA) {

    // skip loop if the property is from prototype
    if (!resp.DATA.hasOwnProperty(key)) continue;

    var objct = resp.DATA[key];
    for (var prop in objct) {
        // skip loop if the property is from prototype
        if(!objct.hasOwnProperty(prop)) continue;

        // your code
        alert("The key is  "+prop + "and the value is " + objct[prop]);
    }
}

<强>参考文献：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

Answer 2

使用Object.keys(object_name)获取对象的所有键。

Object.keys()方法返回给定对象自己的数组可枚举的属性，与a提供的顺序相同 for ... in循环（不同之处在于for-in循环枚举原型链中的属性也是如此。

for(var cust of resp.DATA){ // To iterate a array

  for(var key in cust){ // To iterate a object ennumerable properties
  
     console.log("Key is: "+key+" and Value is: "+cust[key]);
    
  }
  
}

Answer 3

使用.each()

循环到您的数组

 $.each(your_array, function(key, value) {
    alert('Array Key is: '+ key + ' \n Array Key value is: ' + value);
    });

.each()迭代一个jQuery对象，执行一个函数每个匹配的元素。

Answer 4

这样做：

$(resp.DATA[0]).each(function(key, value){
    // your code
});

在嵌套的json javascript中显示所有键值对数组

4 个答案: