使用 jQuery.data() 丢失数据

Question

我正在开发一个实用程序 Web 应用程序，以帮助操作一些特定于域的 XML 数据。

流程如下：

1. 加载 XML 文件
2. 使用浏览器的本机 XML 对象（不是 jQuery！）解析 XML 文件并转换为 JavaScript 对象。
3. 使用 $(document).data() 存储结果对象
4. 迭代对象并提取附加信息，将其存储在另一个 $(document).data() 槽中

#4 takes a fair amount of time, so I'm using window.setTimeout() to split the work up into chunks.

这是函数：

function explodeDataStep(index, max) {
    var data = $(document).data('data');
    var lists = $(document).data('lists');
    $debug('explodeDataStep', index, $(document).data('data'), $.data(document));

    var count = 0;
    for (index; index < data.vehicles.length; index++) {
        var vehicle = data.vehicles[index];

        if ($.inArray(vehicle.make, lists.make) < 0) lists.make.push(vehicle.make);
        if ($.grep(lists.model, function(v) { return v.make == vehicle.make && v.model == vehicle.model; }).length == 0) lists.model.push({ make: vehicle.make, model: vehicle.model });
        if ($.inArray(vehicle.module, lists.module) < 0) lists.module.push(vehicle.module);
        if ($.inArray(vehicle.doorlock, lists.doorlock) < 0) lists.doorlock.push(vehicle.doorlock);
        if ($.inArray(vehicle.doorlockCombo, lists.doorlockCombo) < 0) lists.doorlockCombo.push(vehicle.doorlockCombo);
        if ($.inArray(vehicle.tHarness, lists.tHarness) < 0) lists.tHarness.push(vehicle.tHarness);

        count++;
        if (count >= max) {
            index++;
            updateExplodeDataStatus(index);
            window.setTimeout(explodeDataStep, 10, index, max);
            return;
        }
    }
    finishExplodeData();
}

由于某种原因，当索引达到大约 480 时，我注意到 $(document).data('data') 中存储的一些数据就消失了，我一生都无法弄清楚为什么。

因此，这里有一些可能会导致答案的问题：

• 以这种方式使用 window.setTimeout() 是一个非常糟糕的主意吗？
• 使用 jQuery.data() 可以存储的数据量是否有限制？我的 XML 文件约为 100KB。

Answer 1

这很尴尬......

我在代码的其他地方使用了 Array.splice() 。这样就可以了。是的。

Answer 2

在这种情况下，我不会使用 jQuery，而是将您的信息存储为原生 JavaScript 对象。