js 遍历数组，并在遍历的过程中删除元素

在JavaScript中遍历数组并同时删除元素时，需要特别注意遍历的方式，因为直接在遍历过程中修改数组的大小可能会导致某些元素被跳过。以下是几种常见的遍历并删除元素的方法：

1. **使用 `for...of` 循环和 `splice` 方法**：
   使用 `for...of` 循环可以安全地遍历数组，但如果你想在遍历过程中删除元素，应该从后向前遍历，这样删除元素时不会影响未遍历到的元素的索引。

   ```javascript
 

 let arr = [1, 2, 3, 4, 5];
   for (let i = arr.length - 1; i >= 0; i--) {
     if (arr[i] % 2 === 0) { // 假设我们想删除所有偶数
       arr.splice(i, 1);
     }
   }
   console.log(arr); // 输出: [1, 3, 5]

   ```

2. **使用 `filter` 方法**：
   `filter` 方法可以创建一个新数组，包含通过所提供函数实现的测试的所有元素。这种方法不会修改原数组，而是返回一个新数组。

   ```javascript
 

 let arr = [1, 2, 3, 4, 5];
   let filteredArr = arr.filter(item => item % 2 !== 0); // 保留所有奇数
   console.log(filteredArr); // 输出: [1, 3, 5]

   ```

3. **使用 `forEach` 方法和 `splice` 方法**：
   如果你必须使用 `forEach` 方法，并且需要在原数组上进行操作，同样应该从后向前遍历。

   ```javascript
 

  let arr = [1, 2, 3, 4, 5];
   arr.forEach((item, index) => {
     if (item % 2 === 0) {
       arr.splice(index, 1);
     }
   });
   console.log(arr); // 输出: [1, 3, 5]

   ```

4. **使用传统的 `for` 循环**：
   使用传统的 `for` 循环时，可以控制循环的索引变化，从而在遍历过程中安全地删除元素。

   ```javascript
 

 let arr = [1, 2, 3, 4, 5];
   for (let i = arr.length - 1; i >= 0; i--) {
     if (arr[i] % 2 === 0) {
       arr.splice(i, 1);
     }
   }
   console.log(arr); // 输出: [1, 3, 5]

   ```

在所有这些方法中，从后向前遍历数组是一种安全的做法，可以避免在删除元素后影响到未检查的元素。如果你不需要保留原始数组，使用 `filter` 方法是一种简洁且有效的方式。