JavaScript 中的数组是一种非常强大的数据结构，用来存储一组有序的值。在访问数组元素时，我们常常需要考虑越界问题，以避免引发程序错误。不过，从 ECMAScript 2021 开始，JavaScript 提供了一个新的方法 Array.prototype.at，可以更方便地访问数组元素，并自动处理越界问题。
Array.prototype.at 方法简介
Array.prototype.at 方法是 JavaScript 中的一个新方法，可以用来访问数组中指定位置的元素。它的语法如下：
array.at(index)
其中，array 表示要访问的数组，index 表示要访问的元素位置，从 0 开始计数。如果 index 为负数，则从后往前数，例如 -1 表示倒数第一个元素。
Array.prototype.at 方法返回指定位置的元素，如果访问越界，则返回 undefined。
Array.prototype.at 方法的优势
使用 Array.prototype.at 方法访问数组元素，可以避免手动判断越界的问题，让代码更加简洁和清晰。例如，假设我们有一个数组 arr，需要获取第三个元素：
const arr = [1, 2, 3, 4, 5]; const third = arr[2];
上面的代码中，我们使用了数组索引直接访问第三个元素，但是如果数组越界，则会返回 undefined。为了避免这种情况，我们需要加上判断语句：
const arr = [1, 2, 3, 4, 5]; const index = 2; const third = index >= 0 && index < arr.length ? arr[index] : undefined;
上面的代码中，我们首先判断 index 是否越界，然后才访问数组元素。这种写法相对麻烦，并且容易出错。
使用 Array.prototype.at 方法，我们可以简化上面的写法：
const arr = [1, 2, 3, 4, 5]; const index = 2; const third = arr.at(index);
上面的代码中，我们直接使用 Array.prototype.at 方法访问第三个元素，不需要额外的判断语句。
Array.prototype.at 方法的兼容性
Array.prototype.at 方法是 ECMAScript 2021 中新增的一个特性，目前还不是所有浏览器都支持。可以使用以下代码进行判断，看当前浏览器是否支持：
if (!Array.prototype.at) {
console.log('当前浏览器不支持 Array.prototype.at 方法');
}示例代码
下面是一个使用 Array.prototype.at 方法的示例代码，可以计算数组中的最大值和最小值：
-- -------------------- ---- -------
----- --- - --- -- -- -- -- -- -- -- -- -- ---
--- --- - ---------
--- --- - ----------
--- ---- - - -- - - ----------- ---- -
----- --- - ----------
-- ---- - ---- -
--- - ----
-
-- ---- - ---- -
--- - ----
-
-
--------------------- ----------- ---------上面的代码中，我们首先遍历整个数组，使用 Array.prototype.at 方法访问数组元素，不需要担心越界的问题。然后比较每个元素和当前的最大值、最小值，更新结果。
总结
Array.prototype.at 方法是 JavaScript 中的一个新方法，可以更方便地访问数组元素，并自动处理越界问题。使用 Array.prototype.at 方法，可以简化代码，避免手动判断越界的问题。不过，由于该方法是 ECMAScript 2021 中新增的一个特性，目前还不是所有浏览器都支持。在使用之前，建议先检查一下当前浏览器是否支持该方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d2e471b5eee0b525a3d14a