JavaScript Array.at(-1)取最后一个元素的简洁写法
在JavaScript中，获取数组最后一个元素的传统方法是使用arr[arr.length - 1]。这种方法虽然有效，但代码稍显冗长。从ES2022开始，Array.prototype.at()方法提供了一种更简洁的写法，通过负索引直接获取最后一个元素。
1. 使用Array.at(-1)获取最后一个元素
调用 Array.at() 方法并传入 -1 作为索引，即可获取数组的最后一个元素。这种方法比传统方法更直观，代码更简洁。
const fruits = ['apple', 'banana', 'cherry'];
const lastFruit = fruits.at(-1);
console.log(lastFruit); // 输出: cherry2. 传统方法 vs. at()方法对比
下表对比了两种获取最后一个元素的方法：
| 方法 | 代码示例 | 可读性 | 适用场景 |
|---|---|---|---|
| 传统方法 | arr[arr.length - 1] |
较低 | 需要兼容旧浏览器 |
| at()方法 | arr.at(-1) |
较高 | 支持ES2022+ |
传统方法需要先计算数组长度再减1，而at()方法直接使用负索引，代码更简洁易读。
3. 处理空数组的情况
当数组为空时，两种方法都会返回undefined，行为一致：
const emptyArr = [];
const lastElement = emptyArr.at(-1);
console.log(lastElement); // 输出: undefined4. at()方法的其他负索引用法
at()方法支持任意负索引，例如获取倒数第二个元素：
const numbers = [10, 20, 30, 40];
const secondLast = numbers.at(-2);
console.log(secondLast); // 输出: 305. 浏览器兼容性
at()方法是ES2022新增特性，目前主流浏览器（Chrome 92+、Firefox 90+、Safari 15.4+、Edge 92+）已支持。如果需要兼容旧浏览器，建议使用传统方法或添加polyfill。
6. 性能考虑
在大多数情况下，at()方法的性能与传统方法相当。对于小型数组，性能差异可以忽略不计；对于大型数组，两者性能差异也很小。
通过使用Array.at(-1)，你可以用更简洁的代码获取数组的最后一个元素，提高代码的可读性和维护性。
暂无评论，快来抢沙发吧！