如何阻止激烈的Javascript循环冻结浏览器

Question

我正在使用Javascript解析具有大约3500个元素的XML文件。我正在使用jQuery“每个”函数，但可以使用任何形式的循环。

问题是循环执行时浏览器冻结了几秒钟。停止冻结浏览器而不降低代码速度的最佳方法是什么？

$(xmlDoc).find("Object").each(function() {

    //Processing here

});

Answer 1

在处理之间设置一个超时，以防止循环周期耗尽所有浏览器资源。总共只需要花费几秒钟的时间来处理和遍历所有内容，这对于3500个元素而言并非不合理。var xmlElements = $(xmlDoc).find('Object');var processing = function() {  var element = xmlElements.shift();  //process element;  if (xmlElements.length > 0) {    setTimeout(processing, 5);  }}processing();

Answer 2

我会考虑将3500个元素从xml转换为JSON，或者甚至更好地将其上传到转换后的服务器，这样它就可以从getgo原生到JS。这将最大程度地减少您的负载，并且也会使文件大小也变小。