javascript如何删除数组第几个元素

# JavaScript如何删除数组第几个元素

在JavaScript开发中，数组操作是最基础且频繁使用的功能之一。其中删除特定位置的元素是常见需求，本文将详细介绍7种实现方式及其应用场景。

## 一、splice() 方法（最常用）

`splice()` 是JavaScript数组最直接的删除方法，可以原地修改数组并返回被删除的元素。

```javascript
let fruits = ['apple', 'banana', 'orange', 'mango'];
// 删除第2个元素（索引1）
let removed = fruits.splice(1, 1); 
console.log(fruits); // ['apple', 'orange', 'mango']
console.log(removed); // ['banana']

参数说明： - 第一个参数：起始索引（从0开始） - 第二个参数：删除数量 - 可选后续参数：可插入新元素

特点： - 直接修改原数组 - 支持批量删除 - 可以同时进行插入操作

二、filter() 方法（非破坏性）

当需要保留原数组时，可以使用filter()创建新数组：

const arr = [10, 20, 30, 40];
const indexToRemove = 2; // 删除第3个元素
const newArr = arr.filter((_, index) => index !== indexToRemove);
console.log(newArr); // [10, 20, 40]

适用场景： - 需要保留原始数组 - 基于复杂条件删除元素 - 函数式编程场景

三、delete 运算符（不推荐）

虽然delete可以删除数组元素，但会产生空位：

let nums = [1, 2, 3, 4];
delete nums[1]; 
console.log(nums); // [1, empty, 3, 4]
console.log(nums.length); // 4（长度不变）

缺点： - 不改变数组长度 - 会产生稀疏数组 - 可能影响数组迭代

四、pop()/shift() 特定位置删除

对于首尾元素，可以使用专用方法：

// 删除最后一个
let last = arr.pop(); 

// 删除第一个
let first = arr.shift();

性能提示： - 比splice(0,1)性能更好 - 适合队列/栈结构操作

五、slice() 组合方案

通过两次slice实现非破坏性删除：

function removeAt(arr, index) {
  return arr.slice(0, index).concat(arr.slice(index + 1));
}

优势： - 纯函数实现 - 适合不可变数据要求 - 可链式调用

六、ES6 扩展运算符方案

结合扩展运算符的现代语法：

const removeItem = (arr, i) => [...arr.slice(0, i), ...arr.slice(i + 1)];

七、第三方库实现（Lodash示例）

使用Lodash的_.remove：

_.remove(array, (_, index) => index === 2);

性能对比

边界情况处理

实际开发中需要处理异常情况：

function safeRemove(arr, index) {
  if (!Array.isArray(arr)) throw new Error('非数组');
  index = parseInt(index);
  if (isNaN(index) || index < 0 || index >= arr.length) {
    return arr.slice(); // 返回副本
  }
  return arr.toSpliced?.(index, 1) ?? [...arr.slice(0, index), ...arr.slice(index + 1)];
}

ES2023新特性：toSpliced()

新增的不可变方法：

const newArr = arr.toSpliced(1, 1); // 不改变原数组

总结建议

1. 常规场景：优先使用splice()
2. 不可变需求：选择filter()或toSpliced()
3. 性能敏感：首尾操作使用pop()/shift()
4. 现代环境：ES6+语法更简洁
5. 特殊需求：考虑第三方工具库

通过合理选择删除方法，可以使代码既高效又易于维护。 “`

文章包含代码示例、性能对比表格和实际应用建议，总字数约1100字，采用Markdown格式，可直接用于技术文档发布。