如何迭代数组并删除JavaScript中的元素

时间:2013-05-03 05:57:30

标签: javascript iteration bounds

我有一系列元素,需要从中删除某些元素。问题是JavaScript似乎没有为每个循环而且如果我使用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更改,如果我硬编码边界,​​那么我可能会尝试检查超出数组边界的元素。那么,做这件非常简单的事情的最佳方法是什么?

6 个答案:

答案 0 :(得分:146)

从顶部开始!

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

答案 1 :(得分:29)

您可以在此处使用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]

答案 2 :(得分:4)

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

答案 3 :(得分:1)

使用Array.shift()

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

编辑:可能不符合规格。我误读了这个问题(只删除某些元素)并且过于急切地想要添加一个尚未提及的方法......

答案 4 :(得分:1)

每当您删除项目时,您都可以简单地减少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);

答案 5 :(得分:0)

这是使用Array.indexOfwhileArray.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