随着ECMAScript的不断升级，JavaScript语言也越来越丰富。ECMAScript 2021（ES12）是最新的版本，其中引入了许多新的特性。其中一个非常有用的特性是 Array.prototype.at() 方法。在本文中，我们将会学习什么是 Array.prototype.at() 方法，它的用途和如何使用它。
什么是 Array.prototype.at() 方法
Array.prototype.at() 方法返回一个数组中指定位置的元素。如果给定的索引超出数组的范围，则返回 undefined。Array.prototype.at() 方法可以使用负数进行反向索引。与传统的数组访问方法相比，Array.prototype.at() 方法更加优雅和易用。它可以允许我们从数组中获取指定的值而不必关心边界问题。当然，在使用该方法时，我们应该保证内容的正确性，以免出现逻辑错误。
如何使用 Array.prototype.at() 方法
使用 Array.prototype.at() 方法很简单。直接使用方法名 .at() 即可访问指定位置上的元素。示例如下：
const arr = ['a', 'b', 'c', 'd']; console.log(arr.at(0)); // a console.log(arr.at(2)); // c console.log(arr.at(-1)); // d console.log(arr.at(100)); // undefined console.log(arr.at(-100)); // undefined
在上面的示例中，我们可以看到，当获取指定位置的值超过数组范围时，返回 undefined。
深度和学习意义
Array.prototype.at() 方法的引入，使我们的代码更加精简，可读性更高。在处理数组时，我们通常需要获取特定位置的值，并根据它来执行操作。在传统的数组访问方式中，我们需要进行边界检查以避免数组索引超出范围而导致的异常。这使得我们的代码变得比较冗余。现在，我们可以直接使用 Array.prototype.at() 方法，它允许我们从数组中获取指定的值而不必关心边界问题。这可以让我们的代码变得更加优雅和易用。
总结
在本文中，我们学习了ECMAScript 2021 中的一种新特性，即 Array.prototype.at() 方法。使用这个方法可以让我们更快捷而不折腾地从数组里访问想要的元素，避免了繁琐的边界检查。Array.prototype.at() 方法为 JavaScript 提供了一种更加优雅和易用的方式来访问数组元素，这无疑是一个优秀的新特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65adc992add4f0e0ff742c31