jQuery迭代循环删除元素

jQuery iterate through loop delete elements

本文关键字：元素 删除 循环 迭代 jQuery      更新时间：2023-09-26

我有一个对象的javascript数组：每个对象都包含键/值对。我试图遍历这个数组，并删除任何特定键（比如"Industry"）的值与给定值不匹配的对象。这是我的代码，由于某种原因，它没有在整个数组中循环，我认为这与当我删除一个项目时，循环计数器不知怎么搞砸了有关：

var industry = 'testing';
var i = 0;
for (i = 0; i < assets_results.length; i++) {
    var asset = assets_results[i];
    var asset_industry = asset['industry'];
    if (industry != asset_industry) { assets_results.splice(i,1); }
}

有什么想法吗？提前谢谢。

这是因为当拼接一个元素时，数组的大小会减少一。拼接后的所有元素都会将一个位置移动到阵列的开头，并填充拼接后的元素的空间。所以代码漏掉了一个元素。试试这个代码。

var industry = 'testing';
var i = 0;
for (i = 0; i < assets_results.length; i++) {
    var asset = assets_results[i];
    var asset_industry = asset['industry'];
    if (industry != asset_industry) { 
              assets_results.splice(i,1); 
              i--;
    }
}

当在迭代对象时修改对象时，这是一个常见的问题。避免这个问题的最佳方法是，创建一个新数组，并且只在通过测试时添加对，而不是在测试失败时从现有数组中删除对。

var industry = 'testing';
var i = 0;
var asset_results_filtered = [];
for (i = 0; i < assets_results.length; i++) {
    if (industry == assets_results[i]) {
        asset_results_filtered.push(assets_results[i]);
    }
}

编辑：您的代码看起来有点不合逻辑——我修改了示例以使用给定的变量。

splice从数组中删除元素并调整其大小：

var arra = ['A', 'B', 'C', 'D'];
arr.splice(1,2); // -> ['A', 'D'];

这意味着在拼接时不应增加i，因为您将跳过下一个元素。拼接将使i+2元素成为i+1元素。

var industry = 'testing';
for (var i = 0, max = assets_results.length; i < max; ) { // Accessing a property is expensive.
    if (industry != assets_results[i]['industry']) {
        assets_results.splice(i,1);
    } else {
        ++i;
    }
}

试试这个：

var industry = 'testing';
var i = assets_results.length - 1;
for (; i > 0; i--) {
    var asset = assets_results[i],
        asset_industry = asset['industry'];
    if (industry != asset_industry) { assets_results.splice(i,1); }
}
相关文章：