ES11 中的全新的 at() 函数用法-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 是一门十分活跃的编程语言，在经历了 ECMAScript5 和 ECMAScript6 后，JS 还在不断的更新换代，ES11 中加入了全新的 at() 函数，这个函数的用法对于前端开发来说非常有用，本文将详细介绍它的用法以及如何使用。

at() 函数是什么？

at() 函数是 Array.prototype 上的一个新增函数，它的作用是返回指定位置的元素，可以用于访问数组中的某一项。at() 函数接收一个参数，即下标位置，如果该下标位置不存在，则返回 undefined。

我们可以看下面的示例代码，以加深对 at() 函数的理解：

const arr = ['a', 'b', 'c', 'd'];
console.log(arr.at(2)); // c
console.log(arr.at(-3)); // b
console.log(arr.at(5)); // undefined

在这个示例中，我们定义了一个数组 arr，然后使用 at() 函数访问指定位置的元素。其中，at(2) 返回的是数组 arr 中位置为 2 的元素值 'c'，at(-3) 返回的是位置为 1 的元素值 'b'，at(5) 返回 undefined，因为位置为 5 的元素不存在。

注意：at() 函数可以接收负数作为参数，比如 at(-3)，表示倒数第三个元素，它的位置为 1。

at() 函数提供了一种方便的方式，可以更加直观的访问数组中的某一个元素，这对于前端开发来说非常有用。在某些情况下，我们只需要访问数组中的某一个元素，而不是遍历整个数组，此时 at() 函数就大显身手了。

除此之外，at() 函数也可以用于解构数组，例如：

const arr = ['a', 'b', 'c'];
const [first, second, third] = arr;
console.log(first); // a
console.log(arr.at(0)); // a

在这个示例中，我们使用解构赋值的方式获取数组 arr 中的前三个元素，然后使用 at() 函数取出第一个元素，得到的结果和解构赋值的结果是一致的。这种方式比传统的通过下标去取元素更加直观。

通过本文的介绍，我们了解到 at() 函数的用法和作用，它提供了一种方便的方式，可以更加直观的访问数组中的某一个元素，同时也可以用于解构数组。因此，在前端开发中，我们可以更加灵活的应用它，提高编程效率。

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