JavaScript 数组 at() 方法

JavaScript at() 语法

at() 是 JavaScript 数组的一个方法，它用于获取指定下标（索引）的数组元素。

语法：

arr.at(index)

说明：

at() 方法接收单个参数。

index（可选）：表示下标，它可以是负整数、0 或正整数，默认值为 0。
- 如果 index 是正整数，则表示从数组开头算起，0 是第一个元素。
- 如果 index 是负整数，则表示从数组末尾算起，-1 是最后一个元素。

提示: 字符串和数组都有 at() 方法。如果小伙伴们想了解更多，可以查看：JavaScript 字符串 at() 方法。

需要清楚的是，想要获取第 1 个元素，应该写成：arr.at(0)；如果想要获取最后一个元素，应该写成：arr.at(-1)。下面通过一个简单例子，来看看 at() 方法是如何使用的。

const arr = ["红", "橙", "黄", "绿", "青", "蓝", "紫"];
console.log(arr.at());
console.log(arr.at(2));
console.log(arr.at(-2));

运行结果如下。

红
黄
蓝

分析：

由于 at() 参数默认值为 0，因此 arr.at() 等价于 arr.at(0)，表示获取数组第 1 个元素。

arr.at(2) 表示获取第 3 个元素，注意数组下标是从 0 开始的。而 arr.at(-2) 表示获取倒数第 2 个元素。

可能小伙伴们也发现了，at() 方法和数组长期以来使用的方括号 “[]” 很相似，它们之间的区别在于：at() 方法可以使用负下标来访问元素，而方括号无法使用负下标。

比如想要获取倒数第 2 个元素，at() 方法可以这样来写：arr.at(-2)。而方括号则需要通过 length 属性获取长度，然后再减去 2，也就是写成：arr[arr.length - 2]。

const arr = ["红", "橙", "黄", "绿", "青", "蓝", "紫"];
console.log(arr.at(-2));
console.log(arr[arr.length - 2]);

运行结果如下。

蓝
蓝

分析：

另外大家就会问了：“现在有了 at() 方法，是不是意味着应该停止使用方括号这种方式呢？” 不用担心，在绝大多数情况下，方括号依然是最简单的方式，并且在未来里它也不会被弃用。