在 ES12 中，新增了许多有用的新特性，其中之一就是 Array.prototype.at 方法。这个方法可以方便地取出数组中指定位置的元素，不需要再使用下标来访问。本文将详细介绍这个方法的用法及其使用场景。
语法
Array.prototype.at 方法的语法如下：
array.at(index)
其中 array 是数组， index 表示要获取的元素的索引。
使用场景
获取指定位置的元素
使用 at 方法可以方便地获取数组中指定位置的元素，无需先计算出元素的下标。例如，以下代码可以获取数组 arr 中的第二个元素：
const arr = [1, 2, 3]; const second = arr.at(1); console.log(second); // 2
相比于使用下标访问元素，使用 at 方法可以使代码更易读、可维护。
处理负数索引
在数组中，通常可以使用负数索引来访问倒数几个元素。例如，下面的代码获取了数组 arr 中的倒数第二个元素：
const arr = [1, 2, 3]; const secondFromEnd = arr[arr.length - 2]; console.log(secondFromEnd); // 2
但是，这种方式可能会让代码变得难以理解。使用 at 方法可以处理负数索引，更简洁地访问倒数元素。例如，下面的代码可以得到数组 arr 中的倒数第二个元素：
const arr = [1, 2, 3]; const secondFromEnd = arr.at(-2); console.log(secondFromEnd); // 2
处理超出边界的索引
在访问数组中的元素时，如果使用的索引超出了数组的边界，常规的方法是使用条件判断来检测边界。例如，以下代码可以检查索引 index 是否超出数组边界：
const arr = [1, 2, 3];
const index = 10;
if (index < 0 || index >= arr.length) {
console.log('Invalid index');
} else {
console.log(arr[index]);
}使用 at 方法，我们不需要手动检查索引是否超出范围。如果索引超出边界，at 方法将返回 undefined，而不会抛出异常。例如，以下代码不会导致错误，因为 index 的值超出了数组的边界：
const arr = [1, 2, 3]; const index = 10; const element = arr.at(index); console.log(element); // undefined
示例代码
下面的示例演示了如何使用 at 方法来访问数组的元素：
-- -------------------- ---- ------- ----- --- - --- -- -- -- --- -- ------- ----- ----- - ---------- ------------------- -- - -- --------- ----- ------------- - ----------- --------------------------- -- - -- --------- ----- ----- - --- ----- ------- - -------------- --------------------- -- ---------
总结
Array.prototype.at 方法是 ES12 中的新特性，可以方便地获取数组中指定位置的元素，并且可以处理负数索引和超出边界的索引。使用 at 方法可以使代码更易懂、可维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a17c1648841e9894dbacd6