在 ES12 中，JavaScript 引入了一个新的数组方法 Array.prototype.at()，该方法可以返回数组中指定位置的元素。本文将介绍该方法的使用方法、注意事项以及示例代码，并探讨该方法在前端开发中的应用。
使用方法
Array.prototype.at() 方法接受一个参数，即要返回的元素的索引。如果索引为负数，则从数组末尾开始计算，例如 -1 表示数组中的最后一个元素。如果索引超出了数组的范围，则返回 undefined。
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(10)); // undefined
注意事项
Array.prototype.at()方法不会修改原数组。- 该方法返回的是一个值，而不是数组。
- 该方法不会跳过稀疏元素，而是将它们视为
undefined。
const arr = ['a', , 'c']; console.log(arr.at(1)); // undefined console.log(arr[1]); // undefined
应用场景
在前端开发中，Array.prototype.at() 方法可以用于获取数组中指定位置的元素。例如，可以用它来实现一个轮播图组件，根据当前显示的图片索引来获取下一张图片的路径。
-- -------------------- ---- -------
----- -------- -
------------------- -
----------- - -------
----------------- - --
-
-------------- -
----- --------- - ------------------ - -- - -------------------
----- --------- - --------------------------
----------------- - ----------
------ ----------
-
-
----- -------- - --- --------------------- ----------- -------------
------------------------------------- -- ----------
------------------------------------- -- ----------
------------------------------------- -- ----------结论
Array.prototype.at() 方法是 ES12 中的一个新特性，它可以返回数组中指定位置的元素。使用该方法可以方便地获取数组中的元素，而不必手动计算索引。在前端开发中，该方法可以用于实现各种功能，例如轮播图组件、分页组件等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6753e4a31b963fe9cc48866f