在JavaScript中如何移除数组中的特定项

原创

于 2024-05-27 15:31:07 发布 · 858 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文介绍了在JavaScript中删除数组特定元素的各种方法，包括使用`splice`、`filter`、扩展`Array.prototype`以及ES10的`Array.from`。文章详细阐述了每种方法的特点，如是否修改原数组、是否移除重复项以及按值或按索引操作。此外，还讨论了针对元素在数组特殊位置（开头、末尾或唯一元素）的删除策略。

在日常开发中，我们经常需要从数组中移除某个特定的元素。在JavaScript中，存在多种不同的方法来完成这一任务，本文将总结几种常见的处理方式，并介绍它们的优缺点。

常规情况

1. 使用 `.splice()` 方法按值移除数组元素

是否修改原数组: 是
- 是否移除重复项: 是（使用循环）, 否（使用 indexOf）
- 按值/按索引: 按索引
  如果你知道要移除的元素的值，可以使用 splice 方法。首先，需要找出目标元素的索引，然后使用该索引作为起始位置并移除一个元素。

// 使用循环移除
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
for (let i = 0; i < arr.length; i++) {
   
   
  if (arr[i] === 5) {
   
   
      arr.splice(i, 1);
        }
        }
        console.log(arr); // [1, 2, 3, 4, 6, 7, 8, 9, 0]
// 使用 `indexOf` 方法移除
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
const index = array.indexOf(5);
if (index > -1) {
   
   
  array.splice(index, 1);
  }
  console.log