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

Posted 2023-05-08

【中文标题】如何在 jQuery 中将项目添加到数组中？

【英文标题】：How do I add items to an array in jQuery?

【发布时间】：2010-11-24 02:32:37

【问题描述】：

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，它的格式很好，一切看起来都很好。我似乎无法将项目添加到数组中我缺少什么？

【问题讨论】：

这似乎是对的。 $.each 是否循环将项目打印到日志，但不将它们添加到 list？

【参考方案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);
);

【参考方案2】：

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

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

【参考方案3】：

希望对你有所帮助..

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);
            );
        );
    );