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

最新推荐文章于 2024-08-16 22:36:01 发布

JKooll

最新推荐文章于 2024-08-16 22:36:01 发布

阅读量516

点赞数 9

分类专栏： JavaScript 百问百答文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/jkol12/article/details/139239429

版权

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

摘要由CSDN通过智能技术生成

在日常开发中，我们经常需要从数组中移除某个特定的元素。在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<