JS操作数组循环删除指定元素，splice（i，1）出错解决方案

1、首先使用数组splice（i，1）方法

function removeByValue(arr, val) {
for(var i=0; i<arr.length; i++) {
if(arr[i] == val) {
arr.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
removeByValue(somearray, "tue");
//somearray will now have "mon", "wed", "thur"

2、也可以添加到array原型中

Array.prototype.removeByValue = function(val) {
for(var i=0; i<this.length; i++) {
if(this[i] == val) {
this.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
somearray.removeByValue("tue");
//somearray will now have "mon", "wed", "thur"

3、但是如果循环遍历删除就会有问题，像这样：

var array = [{"step":1},{"step":2},{"step":0},{"step":1},{"step":3},{"step":4}];
for(var i=0;i<array.length;i++){
if(array[i].step > 2){//删除step>2的项
array.splice(i, 1);
}
}

那么，如何解决呢？真是难为我了

后来的后来在网上找到这个，看吧，我多厉害。拉线

经常做后台取数据，渲染到页面工作的前端童鞋可能都碰到过这种需求：那就是如果后台传给前端的数据要二次处理，一个数组，其中具有某种共同特征的元素是我们不需要的，必须要把它删除掉，这时候怎么做呢。

常见的思路是：先用map方法遍历一次，或其它方法遍历，总之是把要去掉的元素改成undefined，然后再遍历新数组，把undefined的元素去掉。总之就是非常麻烦。

那么有没有遍历一次就可以把没用的元素去掉的办法呢？

有的，如下：

var arr = [
{
status:0
},{
status:1
},{
status:0
},{
status:0
},{
status:0
},{
status:3
},{
status:0
},{
status:7
},{
status:0
},{
status:2
}];

console.log(arr);

for(var i=0,flag=true,len=arr.length;i<len;flag ? i++ : i){

if( arr[i]&&arr[i].status==0 ){
arr.splice(i,1);
flag = false;
} else {
flag = true;
}

}
console.log(arr);

只需要一个简单的for循环就搞定啦。

我在for循环里设了个 flag 标志，并在后面的 i++ 位置做了判断，flag为true则加，为false则不变。

这样就可以解决，splice方法删掉一个元素后，后面紧邻的元素不会被遍历到的问题。

特别注意，for循环里面的 if 要先判断一下 arr[i] 的存在与否。

结束！