ES9 的数组方法：如何在数组中插入和删除元素-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，数组是最常用的数据结构之一。ES9 提供了一些新的数组方法，使得在数组中插入和删除元素变得更加方便和高效。本文将介绍 ES9 的数组方法，并提供详细的示例代码和指导意义。

1. Array.prototype.flat()

Array.prototype.flat() 方法用于将嵌套数组“扁平化”，即将多维数组转换为一维数组。该方法可以接受一个可选的参数，表示要扁平化的层数。默认为1，表示只扁平化一层。

示例代码：

const arr = [1, 2, [3, 4, [5, 6]]];
const flatArr = arr.flat(); // [1, 2, 3, 4, [5, 6]]
const flatArr2 = arr.flat(2); // [1, 2, 3, 4, 5, 6]

Array.prototype.flatMap() 方法与 Array.prototype.map() 方法类似，但是它会“扁平化”返回的数组。具体来说，它会先对数组中的每个元素执行一个映射函数，然后将映射函数返回的数组“扁平化”到一个新数组中。

示例代码：

const arr = [1, 2, 3];
const flatArr = arr.flatMap(x => [x, x * 2]); // [1, 2, 2, 4, 3, 6]

Array.prototype.at() 方法用于获取数组中指定位置的元素。它接受一个整数作为参数，表示要获取的元素的位置。如果位置是负数，则从数组末尾开始计算。

示例代码：

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

Array.prototype.includes() 方法用于判断数组中是否包含某个元素。它接受一个参数，表示要判断的元素。

示例代码：

const arr = [1, 2, 3];
const hasOne = arr.includes(1); // true
const hasFour = arr.includes(4); // false

Array.prototype.copyWithin() 方法用于将数组中的一段元素复制到另一个位置。它接受两个参数，分别表示复制的起始位置和复制的结束位置。

示例代码：

const arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3); // [4, 5, 3, 4, 5]

Array.prototype.fill() 方法用于将数组中的所有元素替换为指定的值。它接受一个参数，表示要替换的值。

示例代码：

const arr = [1, 2, 3];
arr.fill(0); // [0, 0, 0]

Array.prototype.findIndex() 方法用于查找数组中符合条件的第一个元素的位置。它接受一个回调函数作为参数，回调函数返回 true 表示找到符合条件的元素。

示例代码：

const arr = [1, 2, 3];
const index = arr.findIndex(x => x === 2); // 1

Array.prototype.flatmap() 方法与 Array.prototype.flatMap() 方法类似，但是它会“扁平化”返回的数组并去除其中的重复元素。

示例代码：

const arr = [1, 2, 3];
const flatArr = arr.flatmap(x => [x, x * 2]); // [1, 2, 3, 6]

ES9 的数组方法为开发者提供了更方便、更高效的数组操作方式。通过本文的介绍，相信读者已经能够熟练地使用这些方法，并在实际开发中取得更好的效果。

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