ECMAScript 2020 中的新特性：Array.prototype.at() 方法：如何取得数组中指定位置的值？-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2020 中，我们迎来了一些新特性，其中之一就是 Array.prototype.at() 方法。这个方法可以让我们更方便地取得数组中指定位置的值，而不用通过手动计算索引来实现。

Array.prototype.at() 方法的作用

在以往的 JavaScript 版本中，我们要取得数组中指定位置的值，通常会使用索引来实现。例如，要取得数组中的第三个元素，我们可以这样写：

const arr = [1, 2, 3, 4];
const thirdItem = arr[2]; // 第三个元素，索引为 2

但是，如果我们要取得的位置超出了数组的长度范围，就会出现问题。例如，如果我们要取得数组中的第五个元素，但是数组只有四个元素，那么我们会得到 undefined：

const arr = [1, 2, 3, 4];
const fifthItem = arr[4]; // undefined

这时候，我们就需要手动判断数组的长度，来避免出现索引越界的问题。但是，这样做非常繁琐，而且容易出错。

在 ECMAScript 2020 中，我们可以使用 Array.prototype.at() 方法来更方便地取得数组中指定位置的值。这个方法会自动判断数组的长度，如果要取得的位置超出了数组的范围，会返回 undefined。

Array.prototype.at() 方法的使用

Array.prototype.at() 方法接收一个参数，即要取得的位置。这个位置可以是正数，也可以是负数。如果是正数，表示从数组的左侧开始计算，如果是负数，表示从数组的右侧开始计算。

下面是使用 Array.prototype.at() 方法取得数组中指定位置的值的示例代码：

const arr = [1, 2, 3, 4];
const thirdItem = arr.at(2); // 第三个元素，位置为 2
const fifthItem = arr.at(4); // undefined
const lastItem = arr.at(-1); // 最后一个元素，位置为 -1
const secondLastItem = arr.at(-2); // 倒数第二个元素，位置为 -2

Array.prototype.at() 方法的指导意义

Array.prototype.at() 方法可以让我们更方便地取得数组中指定位置的值，而不用手动计算索引。这个方法还会自动判断数组的长度，避免了索引越界的问题。

使用 Array.prototype.at() 方法可以让我们的代码更加简洁、易读，减少出错的可能性。这个方法也可以让我们更加专注于业务逻辑，而不用过多地关注实现细节。

总之，Array.prototype.at() 方法是 ECMAScript 2020 中非常实用的一个新特性，值得我们在日常开发中加以应用。

总结

在使用 Array.prototype.at() 方法的时候，我们需要注意参数的类型和范围，以避免出现错误。同时，我们也要注意这个方法在不同浏览器和环境中的兼容性，以确保代码的可靠性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65dc221a1886fbafa490ab72