ES12 中新引入的数组方法：at() 方法

在 ES12 中，引入了一个新的数组方法：at() 方法。这个方法可以让我们更方便地获取数组中指定位置的元素，而不需要使用数组下标来访问。

at() 方法的语法

at() 方法的语法非常简单，只需要在数组对象后面加上 .at() 即可，如下所示：

array.at(index);

其中，array 表示要操作的数组对象，index 表示要获取的元素的位置，从 0 开始计数。

at() 方法的特性

at() 方法与数组下标不同的地方在于，它可以支持负数索引。当使用负数索引时，它会从数组的末尾开始计数，例如：

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

另外，at() 方法还支持使用不合法的索引，例如：

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

当索引不合法时，at() 方法会返回 undefined。

at() 方法的应用

at() 方法的应用非常广泛，可以用于获取数组中的任意元素，例如：

const arr = ['a', 'b', 'c', 'd', 'e'];
console.log(arr.at(0)); // a
console.log(arr.at(2)); // c
console.log(arr.at(-1)); // e

at() 方法还可以与其他数组方法结合使用，例如：

const arr = ['a', 'b', 'c', 'd', 'e'];
const result = arr.filter((item, index) => index % 2 === 0).map(item => item.toUpperCase()).at(1);
console.log(result); // C

在这个例子中，我们首先使用 filter() 方法过滤出数组中索引为偶数的元素，然后使用 map() 方法将这些元素转换为大写字母，最后使用 at() 方法获取转换后的数组中的第二个元素。

at() 方法的指导意义

at() 方法的引入使得获取数组中指定位置的元素变得更加方便和直观。同时，它还支持负数索引和不合法的索引，避免了使用数组下标时可能出现的错误。

在实际开发中，我们可以使用 at() 方法来简化代码，提高开发效率。

总结

at() 方法是 ES12 中新引入的数组方法，可以用于获取数组中指定位置的元素。它支持负数索引和不合法的索引，避免了使用数组下标时可能出现的错误。在实际开发中，我们可以使用 at() 方法来简化代码，提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6581433bd2f5e1655dc7541a