如何在 jQuery 中向数组添加项目？

Question

var list = [];
$.getJSON("json.js", function(data) {
    $.each(data, function(i, item) {
        console.log(item.text);
        list.push(item.text);
    });
});
console.log(list.length);

list.length 总是返回 0。我已经浏览了 firebug 中的 JSON，它的格式良好，一切看起来都很好。我似乎无法将项目添加到数组中，我缺少什么？

Answer 1

由于 $.getJSON 是异步的，我认为您的 console.log(list.length); 代码是在填充数组之前触发的。要纠正此问题，请将 console.log 语句放入回调中：

var list = new Array();
$.getJSON("json.js", function(data) {
    $.each(data, function(i, item) {
        console.log(item.text);
        list.push(item.text);
    });
    console.log(list.length);
});

Answer 2

希望这会帮助你..

var list = [];
    $(document).ready(function () {
        $('#test').click(function () {
            var oRows = $('#MainContent_Table1 tr').length;
            $('#MainContent_Table1 tr').each(function (index) {
                list.push(this.cells[0].innerHTML);
            });
        });
    });

Answer 3

您正在发出异步 ajax 请求，因此列表长度的控制台日志会在 ajax 请求完成之前发生。

实现您想要的唯一方法是将 ajax 调用更改为同步。您可以通过使用 .ajax 并传入 asynch : false 来做到这一点，但是不建议这样做，因为它会锁定 UI，直到调用返回，如果返回失败，用户必须从浏览器中崩溃。