使用JQuery解析JSON嵌套数组

Question

我有一个API，它以字符串形式返回以下JSON值。

"[
    ["West Baton Rouge test hello world", "1"],
    ["LSU Parking \u0026 Transportation Services", "2"],
    ["demokljafsk", "3"],
    ["latest", "19"],
    ["Hello check", "20"],
    ["Dinesh Devkota", "21"],
    ["World", "22"],
    ["altered value.", "23"],
    ["Dinesh Devkota", "24"],
    ["Dinesh Devkota", "25"],
    ["Dinesh Devkota", "26"],
    ["Dinesh Devkota", "27"],
    ["Dinesh Devkota", "28"],
    ["Rocking Client", "29"],
    ["West Baton Rouge", "30"],
    ["Test Client", "31"]
]"

我很难用JQuery来获取每个数组的第一个值，并使用以下代码将其登录到控制台。

  $.get("/controller", function (data) {
        console.log("Data Loaded: " + data);
        for (var eachdata in data) {
            console.log(eachdata[0]);
        }
   });

我是JQUERY的新手，想知道正确的方法是什么。

Answer 1

不要将for..in用于数组

 var data = [ ["West Baton Rouge test hello world", "1"], ["LSU Parking \& Transportation Services", "2"], ["demokljafsk", "3"], ["latest", "19"], ["Hello check", "20"], ["Dinesh Devkota", "21"], ["World", "22"], ["altered value.", "23"], ["Dinesh Devkota", "24"], ["Dinesh Devkota", "25"], ["Dinesh Devkota", "26"], ["Dinesh Devkota", "27"], ["Dinesh Devkota", "28"], ["Rocking Client", "29"], ["West Baton Rouge", "30"], ["Test Client", "31"] ]; for (var i = 0, len = data.length; i < len; i++) { console.log(data[i][0]); } // with jQuery $.each(data, function (index, value) { console.log(value[0]); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

$.get("/controller", function (data) {
    console.log("Data Loaded: " + data);
    for (var eachdata in data) {
        console.log(data[eachdata][0]);
    }
});

问题是for-in返回键，而不是值。

Answer 3

您可以执行以下操作：

for (var i=0; i<data.length; i++) {
    console.log(data[i][0]);
}

示例： http ： //jsfiddle.net/5db2h32g/1/

Answer 4

由于您使用的是jQuery $.each因此非常有用：

$.each( data, function( arrayIndex, arrayElement) {
    console.log(arrayElement[0]);
});

在数组上使用时，callback的第一个参数是索引，第二个参数是数组元素。

它还创建了一个闭包，在处理循环内的异步代码时非常有用

参考jQuery.each（）文档