如何使用 ES10 中的 Array.prototype.at 方法

在 ES10 中，新增了一个 Array 原型方法：Array.prototype.at()。该方法可以返回指定索引位置的元素值，其优势在于可以通过负数索引来访问数组末尾的元素。

语法

arr.at(index)

其中，arr 表示要操作的数组，index 表示要返回元素值的索引位置，可以是正数或负数。

示例

const arr = ['a', 'b', 'c', 'd', 'e'];

console.log(arr.at(2)); // 'c'
console.log(arr.at(-2)); // 'd'
console.log(arr.at(5)); // undefined
console.log(arr.at(-6)); // undefined

在上面的示例中，我们创建了一个包含 5 个元素的数组，然后使用 at() 方法获取了不同位置的元素值。其中，at(-2) 返回的是倒数第二个元素，即 'd'。

注意事项

1. at() 方法返回的是原数组的引用，而不是其副本。
2. 如果索引位置超出了数组的长度范围，会返回 undefined。
3. 如果索引位置是一个非数字值，或者是一个无穷大的数字，会抛出 TypeError 异常。

实际应用

在实际开发中，我们经常需要访问数组中的某个元素，而且有时候需要从数组末尾开始访问。在没有 at() 方法之前，我们可能需要使用一些技巧来实现这个功能，比如使用 arr[arr.length - 1] 来获取数组末尾的元素。

而有了 at() 方法之后，我们可以更加方便地访问数组中的元素，而且代码更加清晰易懂。

总结

Array.prototype.at() 方法是 ES10 中新增的一个 Array 原型方法，可以通过正数和负数索引来访问数组中的元素，使用起来非常方便。在实际开发中，我们可以使用该方法来访问数组中的元素，提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6563efefd2f5e1655dd5dee8