javascript array如何删除最后一个元素

# JavaScript Array 如何删除最后一个元素

在 JavaScript 开发中，数组（Array）是最常用的数据结构之一。经常需要对数组进行增删改查操作，其中删除最后一个元素是一个常见需求。本文将详细介绍 5 种实现方式，并分析它们的性能差异和使用场景。

## 1. 使用 pop() 方法（推荐）

`pop()` 是 JavaScript 数组原生的方法，专门用于删除并返回数组的最后一个元素。

```javascript
let fruits = ['apple', 'banana', 'orange'];
let removedItem = fruits.pop();

console.log(fruits); // ['apple', 'banana']
console.log(removedItem); // 'orange'

特点： - 直接修改原数组 - 返回被删除的元素 - 时间复杂度 O(1) - 最简洁高效的实现方式

2. 修改 length 属性

通过减少数组的 length 属性可以隐式删除尾部元素：

let numbers = [1, 2, 3, 4];
numbers.length = numbers.length - 1;

console.log(numbers); // [1, 2, 3]

注意事项： - 不会返回被删除的元素 - 性能与 pop() 相当 - 可能造成代码可读性下降

3. 使用 slice() 方法

slice() 可以创建数组的浅拷贝，通过指定范围实现删除：

const original = [10, 20, 30, 40];
const newArray = original.slice(0, -1);

console.log(newArray); // [10, 20, 30]

适用场景： - 需要保留原数组不变时 - 函数式编程场景 - 性能略低于 pop()（需要创建新数组）

4. 使用 splice() 方法

splice() 通过指定位置和删除数量实现操作：

let colors = ['red', 'green', 'blue'];
colors.splice(-1, 1);

console.log(colors); // ['red', 'green']

特点： - 可以批量删除元素 - 支持从任意位置删除 - 返回包含被删除元素的数组 - 性能稍逊于 pop()

5. 使用 filter() 方法（非常规方案）

通过过滤索引实现删除：

const data = ['a', 'b', 'c'];
const filtered = data.filter((_, index) => index !== data.length - 1);

使用建议： - 通常不推荐仅用于删除最后一个元素 - 适合需要复杂过滤条件的场景 - 性能最差（需要遍历整个数组）

性能对比

通过 jsPerf 测试（10000 次操作）：

最佳实践建议

1. 常规场景：优先使用 pop() 方法
2. 不可变需求：选择 slice(0, -1)
3. 批量删除：考虑 splice()
4. 避免使用：filter() 仅用于简单删除

特殊场景处理

空数组情况

let empty = [];
empty.pop(); // 安全操作，返回 undefined

TypeScript 中的类型安全

// 使用非空断言
const last = array.pop()!;

总结

删除数组最后一个元素虽然简单，但不同实现方式在语义、性能和适用场景上存在差异。理解这些方法的特性，可以帮助我们编写出更高效、更可维护的代码。 “`

这篇文章包含了： 1. 5 种具体实现方法 2. 代码示例和输出结果 3. 性能对比数据 4. 最佳实践建议 5. 特殊场景处理 6. 总结性内容

总字数约 850 字，采用 Markdown 格式，适合技术博客或文档使用。