Array.prototype.at() js 数组at()api使用

最新推荐文章于 2025-07-02 07:00:00 发布

hyd18188928993

最新推荐文章于 2025-07-02 07:00:00 发布

阅读量516

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 原型模式前端

原文链接：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/at

本文详细介绍了JavaScript的at()方法，包括其语法、参数（支持负数索引）、返回值，以及通过实例演示如何获取数组末尾元素并对比其他获取方式。适合学习者掌握数组操作的实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

at() 方法接收一个整数值并返回该索引的项目，允许正数和负数。负整数从数组中的最后一个项目开始倒数。

语法

at(index)

Copy to Clipboard

参数

index

要返回的数组元素的索引（位置）。当传递负数时，支持从数组末端开始的相对索引；也就是说，如果使用负数，返回的元素将从数组的末端开始倒数。

返回值

匹配给定索引的数组中的元素。如果找不到指定的索引，则返回undefined。

示例

返回一个数组的最后一个值

下面的例子提供了一个函数，它返回在一个指定的数组中找到的最后一个元素。

// 数组及数组元素
const cart = ['apple', 'banana', 'pear'];

// 一个函数，用于返回给定数组的最后一个项目
function returnLast(arr) {
  return arr.at(-1);
}

// 获取 'cart' 数组的最后一项
const item1 = returnLast(cart);
console.log(item1); // 'pear'

// 在 'cart' 数组中添加一项 
cart.push('orange');
const item2 = returnLast(cart);
console.log(item2); // 'orange'

Copy to Clipboard

比较不同的数组方法

这个例子比较了选择Array中倒数第二项的不同方法。虽然下面显示的所有方法都是可行的，但这个例子凸显了at()方法的简洁性和可读性。

// 数组及数组元素。
const colors = ['red', 'green', 'blue'];

// 使用长度属性。
const lengthWay = colors[colors.length-2];
console.log(lengthWay); // 'green'

// 使用 slice() 方法。注意会返回一个数组。
const sliceWay = colors.slice(-2, -1);
console.log(sliceWay[0]); // 'green'

// 使用 at() 方法。
const atWay = colors.at(-2);
console.log(atWay); // 'green'