如何從javascript中的foreach循環中刪除特定的數組元素

Question

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

如何從此數組中刪除所有「pear」水果？
我嘗試以下，但還是一個梨仍然是：

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

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

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

享受

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不保證屬性的順序，並且大多數數組應用程序期望元素按數字順序生成。此外，還存在 從原型鏈中挖出意外屬性的問題。

幸運的是，傳統的陳述避免了這些問題。用於語句的JavaScript類似於大多數C語言中的 。它是由三個子句進行控制：所述第一初始化環路，第二個是while條件，以及第三確實增量：

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

Answer 6

當從數組中刪除的項目，如你迭代，你將通常迭代向後，使目前的指數不隨項目跳過當你刪除它們：

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 7

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

注意Array.indexOf不受IE8和下方支撐。 -_-

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

如果不小心反向迭代，你可以使用，而組合和陣列的彈出式功能

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

你也可以使用一個filter：

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