介绍
ECMAScript（缩写为 ES）是 JavaScript 的标准化语言，由 ECMA（欧洲计算机制造商协会）制定。在每年的更新中，ES会添加新的语言特性和更好的API来提高开发体验和代码性能。
在2021年的更新中，ES新增了一个新的数组方法，名为Array.prototype.at()。该方法允许你按照索引值访问数组元素，而无需了解数组的长度。
语法
Array.prototype.at() 方法具有以下语法：
arr.at(index)
其中，arr 为数组，index 为要访问的元素的索引。要注意的是，index 必须是整数值。如果传入的值不是整数，则会被转换为整数。如果 index 是负数，则从数组的末尾开始计数。
示例
下面是一个使用 Array.prototype.at() 方法的示例：
const array1 = ['a', 'b', 'c']; console.log(array1.at(0)); // "a" console.log(array1.at(-1)); // "c"
在上面的示例中，我们首先创建了一个包含三个元素的数组array1，然后使用at()方法访问数组中的元素。在第一个console.log()语句中，我们使用 index 0 访问数组的第一个元素，它的输出为字符串 "a"。在第二个console.log()语句中，我们使用 index -1 访问数组中的最后一个元素，它的输出为字符串 "c"。
如何使用 Array.prototype.at() 方法
借助 Array.prototype.at() 方法可以轻松地访问数组中任意位置的元素，因此它在许多情况下都非常有用。下面是一些使用该方法的常见示例：
1. 获取最后一个元素
使用数组的length属性和Array.prototype.at()方法，我们可以轻松地获取数组的最后一个元素：
const array1 = ['a', 'b', 'c']; const lastElement = array1.at(array1.length - 1); console.log(lastElement); // "c"
2. 避免数组越界
当我们访问数组时，经常需要确保我们正在访问的元素确实存在。使用Array.prototype.at() 方法，我们可以在不知道数组长度的情况下访问特定的索引位置，从而避免数组越界错误：
-- -------------------- ---- ------- ----- ------ - ----- ---- ----- ----- ----- - -- ----- ------- - ----------------- -- -------- --- ---------- - ------------------------- -------- ------- - ---- - --------------------- -
在上述示例中，我们尝试访问数组索引为5的元素，由于这个元素不存在，因此Array.prototype.at() 方法返回 undefined，并显示越界错误。
3. 遍历带有空元素的数组
使用for循环遍历带有空元素的数组时，通常会跳过空元素。但是，使用Array.prototype.at() 方法可以遍历整个数组，并在遇到空元素时返回 undefined：
const array1 = ['a', , 'c'];
for (let i = 0; i < array1.length; i++) {
const element = array1.at(i);
console.log(element);
}在上述示例中，我们创建了一个包含三个元素的数组array1，但缺少第二个元素。在for循环中，我们使用Array.prototype.at() 方法访问每个数组元素，并显示 undefined 如果遇到空元素。
总结
在2021年更新中，ECMAScript新增了Array.prototype.at()方法，它可以按照索引值访问数组元素，而无需了解数组的长度。在实际开发中，使用该方法可以轻松地访问数组中的元素，并且可以避免数组越界错误和遍历带有空元素的数组时跳过空元素。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6482d54748841e9894231875