javascript - 如何从javascript中的foreach循环中删除特定的数组元素

Question

var fruit = ["apple","pear","pear","pear","banana"];

如何从该阵列中删除所有“梨”水果？
我尝试了以下方法，但仍然有一个梨：

for(var f in fruit) {
    if ( fruit[f] == "pear" ) {
        fruit.splice(f, 1);
    }
}

for(var f in fruit) {
    document.write(fruit[f]+"<br>");        
}

输出：

apple 
pear 
banana

​我做错了什么？现场演示：http: //jsfiddle.net/SbxHc/

Answer 1

var fruit = ["apple", "pear", "pear", "pear", "banana"],
    i;

for (i = 0; i < fruit.length; ++i) {
    if (fruit[i] === "pear") {
        fruit.splice(i--, 1);
    }
}

console.log(fruit);
//["apple", "banana"]

Answer 2

for (var i = fruit.length - 1; i > -1; i--) {
    if (fruit[i] == "pear")
        fruit.splice(i, 1);
}

Answer 3

当您在遍历数组时从数组中删除项目时，通常会向后迭代，以便当前索引在您删除项目时不会跳过它们：

var fruit = ["apple","pear","pear","pear","banana"];
var i;

for (i = fruit .length - 1; i >= 0; i--) {
    if (fruit [i] === "pear") {
        fruit .splice(i, 1);
    }        
}

console.log(fruit );

Answer 4

如果原始数组中有很多“错误”元素，我建议至少考虑不使用就地数组，而是将所有“正确”元素收集到一个新数组中：

var rightFruits = [];
for (var i = 0, len = fruit.length; i < len; ++i) {
  if (fruit[i] !== 'pear') {
    rightFruits.push(fruit[i]);
  }
}

Answer 5

var i;
for (i = 0; i < fruits.length; i += 1) {
   if (fruits[i] == "pear") {
      fruits.splice(i, 1);
      i -= 1;
   }
}

6.4. 枚举

由于 JavaScript 的数组实际上是对象，因此该for in语句可用于遍历数组的所有属性。不幸的是，for in它不能保证属性的顺序，并且大多数数组应用程序都希望元素按数字顺序生成。此外，仍然存在从原型链中挖掘出意外属性的问题。

幸运的是，传统的 for 语句避免了这些问题。JavaScript 的 for 语句与大多数类 C 语言中的语句相似。它由三个子句控制：第一个初始化循环，第二个是 while 条件，第三个执行增量：

var i;
for (i = 0; i < myArray.length; i += 1) {
   document.writeln(myArray[i]);
}

Answer 6

您还可以使用filter：

let noPears = fruits.filter(fruit => fruit != 'pear')

Answer 7

var i; while ((i = fruit.indexOf("pear")) > -1) fruit.splice(i,1);

请注意，IE8 及以下版本不支持 Array.indexOf。-_-

Answer 8

为什么不向后迭代列表？这样，当您从列表中删除一个元素并且长度发生变化时，它不会破坏循环逻辑：

var fruit = ["apple","pear","pear","pear","banana"];
for (var i = fruit.length - 1; i >= 0; i--) {
    if (fruit[i] === "pear") {
        fruit.splice(i, 1);
    }
}

console.log(fruit); // ["apple", "banana"]

Answer 9

如果它不关心迭代反向，你可以使用 while 和数组的 pop-function 的组合

var daltons = [ 
  { id: 1, name: "Joe" }, 
  { id: 2, name: "William" }, 
  { id: 3, name: "Jack" }, 
  { id: 4, name: "Averell" } 
];

var dalton;
while (dalton=daltons.pop()) {
  console.log(dalton.name);
}

console.log(daltons);

Answer 10

for(var f in fruit) {
    if ( fruit[f] == "pear" ) {
        fruit.splice(f-1, 1);
    }
}

for(var f in fruit) {
    document.write(fruit[f]+"<br>");        
}

请享用