如何在 JavaScript 中迭代数组并删除元素 [重复]

Question

我有一个元素数组，需要从中删除某些元素。问题是 JavaScript 似乎没有 for each 循环，如果我使用 for 循环，我会遇到问题，它基本上试图检查数组边界之外的元素，或者由于索引更改而丢失数组中的元素.让我告诉你我的意思：

var elements = [1, 5, 5, 3, 5, 2, 4];
for(var i = 0; i < elements.length; i++){
    if(elements[i] == 5){
        elements.splice(i, 1);
    }
}

问题是当元素[1]被移除时，元素[2]变成了元素[1]。所以第一个问题是某些元素从未被检查过。另一个问题是 .length 发生了变化，如果我对边界进行硬编码，那么我可能会尝试检查超出数组边界的元素。那么，完成这个极其简单的事情的最佳方法是什么？

Answer 1

var elements = [1, 5, 5, 3, 5, 2, 4];    
var i = elements.length;
while (i--) {
    if (elements[i] == 5) {
        elements.splice(i, 1);
    }
}
console.log(elements);

Answer 2

您可以在删除项目时简单地减少 i。

var elements = [1, 5, 5, 3, 5, 2, 4];

var l = elements.length;
for(var i = 0; i < l; i++){
    if(elements[i] == 5){
        elements.splice(i, 1);
        i--;
    }
}

console.log(elements);

Answer 3

使用Array.shift()：

var array = [1, 2, 3, 'a', 'b', 'c'];
while (array.length > 0) {
  console.log(array.shift());
}

编辑：可能不符合规格。我误读了这个问题（仅删除 某些 元素）并且太急于添加尚未提及的方法...

Answer 4

您可以在这里使用filter 方法：

var elements = [1, 5, 5, 3, 5, 2, 4].filter(function(a){return a !== 5;});
//=> elements now [1,3,2,4]

或者如果你不想碰elements：

var elementsfiltered
   ,elements = [1, 5, 5, 3, 5, 2, 4]
                .filter( function(a){if (a!==5) this.push(a); return true;},
                         elementsfiltered = [] );
   //=> elementsfiltered = [1,3,2,4], elements = [1, 5, 5, 3, 5, 2, 4]

filter 见 MDN documentation

您也可以扩展Array.prototype

Array.prototype.remove = Array.prototype.remove || function(val){
    var i = this.length;
    while(i--){
        if (this[i] === val){
            this.splice(i,1);
        }
    }
};
var elements = [1, 5, 5, 3, 5, 2, 4];
elements.remove(5);
//=> elements now [1,3,2,4]

Answer 5

这是使用Array.indexOf、while 和Array.splice 删除内联元素的示例。

var elements = [1, 5, 5, 3, 5, 2, 4];
var remove = 5;
var index = elements.indexOf(remove);

while (index !== -1) {
    elements.splice(index, 1);
    index = elements.indexOf(remove);
}

console.log(elements);

开启jsfiddle

Answer 6

从头开始！

var elements = [1, 5, 5, 3, 5, 2, 4];
for(var i = elements.length -1; i >= 0 ; i--){
    if(elements[i] == 5){
        elements.splice(i, 1);
    }
}