在前端开发中，数组（Array）是一个非常常见且重要的数据类型。可以说，在 JavaScript 中，数组的使用频率非常高。在 ECMAScript 10（ES10）中，对数组的功能也进行了一些扩展和升级。在本文中，我们将会介绍 ES10 中数组的最新特性及其运用。
Array.prototype.flat()
Array.prototype.flat() 是 ES10 中一个很实用的函数。它可以将多维数组变成一维数组。如果将数组中的所有元素变成一个数组，使用 flat() 方法十分方便和高效。示例如下：
--- --- - --- --- --- ----- --- ------ - ------------ -------------------- -- --- -- -- --
上面的代码中，arr 是一个多维数组，使用 flat() 方法将其变成了一个一维数组，2 表示降维的层级数。
Array.prototype.flatMap()
Array.prototype.flatMap() 是 ES10 中另一个实用的函数。它可以将原数组中的每个元素使用指定的函数进行处理（这个函数可以提取、转换或组织原数组中的元素），然后将处理后的结果映射到一个新的数组中。
使用示例如下：
--- --- - --- -- -- --- --- ------ - ------------- -- -- - ---- -------------------- -- --- -- -- --
上面的代码中，通过指定的函数将 arr 中的每个元素乘以 2 得到新的数组 result。
Array.prototype.indexOf()
Array.prototype.indexOf() 在 ES6 中已经存在，它可以返回指定元素在数组中第一次出现的索引位置。在 ES10 中，indexOf() 方法新增了一个参数 fromIndex，用于指定搜索起始位置。下面是一个使用示例：
--- --- - --- -- -- --- --- ----- - -------------- --- ------------------- -- -
上面的代码中，fromIndex 参数指定了从数组的第二个位置（即索引为 1）开始搜索，返回第一次出现元素 3 的索引位置 2。
Array.prototype.includes()
Array.prototype.includes() 可以判断指定元素是否在数组中出现。在 ES6 中已经存在，而在 ES10 中，includes() 方法也新增了一个参数 fromIndex，用于指定搜索起始位置。使用示例如下：
--- --- - --- -- -- --- --- ------ - --------------- --- -------------------- -- -----
上面的代码中，fromIndex 参数指定了从第三个位置（即索引为 2）开始搜索，但是在此位置之后并没有元素 2，返回 false。
Array.prototype.at()
Array.prototype.at() 可以返回指定位置的元素，其实质就是获取索引位置对应的元素。该方法相对于数组中的索引直接访问，具有更好的容错性。
使用示例如下：
--- --- - ----- ---- ----- ----------------------- -- --- ------------------------ -- ---
上面的代码中，at() 方法可以接受负数作为参数，当传入的负数表示从数组末尾向前数第几个时，也可以返回正确结果。
总结
以上是 ES10 中数组最新的一些特性和运用，可以帮助我们更加方便地处理数组和获取其中的元素，并提高我们的工作效率。在实际开发中，应该结合需要自行选择使用来提升代码的质量和可读性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f6ebd1f6b2d6eab3f790d1