在 ES7 中，新增了一个名为 Array.prototype.at 的方法，用于获取数组中指定位置的元素。在这篇文章中，我们将会详细介绍这个新特性，并提供一些实用的示例。
介绍
Array.prototype.at 是一个静态方法，用于获取数组中指定位置的元素。它的语法如下：
array.at(index);
这里的 array 是你要获取元素的数组，index 表示要获取的元素的下标。
与其他数组方法不同的是，Array.prototype.at 方法可以使用负数作为下标。下面是 at 方法的说明：
- 当传入一个正数下标时，会返回对应的元素。如果下标超出了数组的长度，则返回
undefined。 - 当传入一个负数下标时，会从数组的末尾开始，返回对应的元素。如果下标超出了数组的长度，则返回
undefined。
示例
以下是一些 Array.prototype.at 方法的使用示例：
const arr = ['a', 'b', 'c', 'd', 'e']; console.log(arr.at(0)); // 输出 'a' console.log(arr.at(-1)); // 输出 'e' console.log(arr.at(10)); // 输出 undefined console.log(arr.at(-10)); // 输出 undefined
应用场景
Array.prototype.at 方法的应用场景十分广泛。例如，你可以使用它实现一个简单的循环数组：
-- -------------------- ---- -------
----- --- - ----- ---- ---- ---- -----
-------- ---------------- ----------- -
--- ----- - -----------
------ -
----- ---------- -
----- ------ - -
------ ----------------
----- -----
--
-- --------------- -
----------- - -----
------ -------
-
--------
------ -------
-
--
-
----- ------ - -------------- ---
--------------------------- -- -- - ------ ---- ----- ----- -
--------------------------- -- -- - ------ ---- ----- ----- -
--------------------------- -- -- - ------ ---- ----- ----- -
--------------------------- -- -- - ------ ---------- ----- ---- -上面的示例中，我们定义了一个名为 loopArray 的函数，它返回一个具有 next 方法的对象，每次调用 next 方法都会返回数组中的下一个元素。当返回值的 done 属性为 true 时，表示已经遍历完了整个数组，不再有下一个元素。
另一个可能的应用场景是，当你需要从字符串中获取前几个字符时，可以使用 Array.prototype.at 方法：
const str = 'hello world'; console.log(str.at(0)); // 输出 'h' console.log(str.at(1)); // 输出 'e' console.log(str.at(2)); // 输出 'l' console.log(str.at(3)); // 输出 'l' console.log(str.at(4)); // 输出 'o'
总结
Array.prototype.at 方法是一个强大且实用的工具，可以让我们更轻松地访问数组中的元素。希望以上内容能够帮助你更好地掌握这个新特性，并且能够在实际项目中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ef3a18f6b2d6eab393d50f