1、forEach

【1】例子：循環arr數組，將item為1的元素從數組中刪除

    let arr = [1, 1, 2]
    arr.forEach((item, index, arr) => {
      if (item == 1) {
        arr.splice(index, 1)
      }
    })
    console.log(arr) // [1, 2]

【2】結果：循環之后打印 [1, 2]，還有一個1無法刪除

【3】原因分析：

①第一次forEach循環，arr是[1, 1, 2]，index是0，item是1，if條件成立，使用splice刪除了item1，arr變成[1, 2]
②第二次forEach循環，arr是[1, 2]，index是1，item是2，if條件不成立，使用splice無法刪除了第二個重復的1
③原因是使用splice容易使數組的index亂序。。。

解決方法

使用filter()方法篩選符合條件的元素，去除不符合條件的元素

//【1】filter()應用到數組上(修改上面的例子，去除為1的元素)

    let arr = [1, 1, 2]
    arr = arr.filter(item => {
      return item != 1
    })
    console.log(arr) // [2]

//【2】filter()應用到數組對象上（去除對象數組num為0的產品）
  let arr = [
      {
        productId: 1,
        productName: '電視機',
        num: 20
      }, {
        productId: 2,
        productName: '洗衣機',
        num: 0
      }, {
        productId: 3,
        productName: '冰箱',
        num: 50
      }, {
        productId: 4,
        productName: '空調',
        num: 0
      },
    ]
    arr = arr.filter(item => {
      return item.num != 0
    })
    console.log(arr)

2、for..與for..in...

 1 /**
 2  * 有效的方式 - 改變下標，控制遍歷
 3  */
 4 for (var i = 0; i < arr.length; i++) {
 5 　　if (...) {
 6 　　　　arr.splice(i, 1); // 將使后面的元素依次前移，數組長度減1
 7 　　　　i--; // 如果不減，將漏掉一個元素
 8 　　}
 9 }
10 
11 /**
12  * 無效的方式 - for .. in 無法控制遍歷
13  */
14 for (var i in arr) {
15 　　if (...) {
16 　　　　arr.splice(i, 1); // 將使后面的元素依次前移，數組長度減1
17 　　　　i--; // 沒有效果，怎么都會漏掉一個元素
18 　　}
19 }

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js遍歷數組，並從數組中刪除元素遍歷數組，在循環體中刪除數組中的指定數據 Vue中foreach數組與js中遍歷數組的寫法 js中的for-of循環遍歷數組遍歷數組刪除指定元素需要注意的問題 C# foreach 循環遍歷數組 C# foreach 循環遍歷數組 js forEach參數詳解，forEach與for循環區別，forEach中如何刪除數組元素在js中使用for和forEach遍歷數組 js中數組的循環與遍歷forEach,map