ES6(数组扩展)

一、Array.from()函数

1、概念

Array.from() 是 ES6 中的一个方法，用于从类似数组或可迭代的对象中创建一个新的、浅拷贝的数组实例。这个方法的主要作用是将非数组对象转化为数组。

2、Array.from()函数使用

控制台效果

二、Array.of()函数

1、概念

ES6中并没有Array.of()。这是JavaScript的一个常见误解。实际上，ES6引入了一个新的构造函数Array.from()，它用于从一个类似数组或可迭代的对象创建一个新的、浅拷贝的数组实例。

2、Array.of()函数使用 

将一组数值转换为数组

控制台效果

三 、copyWithin()函数

1、概念

Array.prototype.copyWithin() 是一个 ES6 引入的数组方法，它用于将数组的一部分复制到数组的另一部分，覆盖原有的内容，并返回数组。这个方法不会改变数组的长度。

2、copyWithin()函数使用

2.1 基本语法

arr.copyWithin(target, start, end);

注：target（必需）：被复制到的新位置的开始位置。

start（可选）：开始复制元素的位置。默认值为0。

end（可选）：停止复制元素的位置。默认值为数组的长度。

2.2 copyWithin()函数使用

注：console.log(arr.copyWithin(2,1));输出的效果是从第一条输出语句得到的数组'[1,2,1,2,3]'进行复制覆盖。

console.log(arr.copyWithin(2,1,3));输出的效果是从第二条输出语句得到的数组'[1,2,2,1,2]'进行复制覆盖。

控制台效果

四、fill()函数

1、概念

ES6中的fill()方法是数组的填充方法。它接受三个参数：目标数组、填充值和填充的起始位置。

2、fill()函数使用 

2.1 基本语法

arr.fill(value, start = 0, end = this.length);

注：value（必需）：要填充的值。

start（可选）：开始填充的起始位置。默认值为0。

end（可选）：结束填充的位置（不包含该位置）。默认值为数组的长度。

2.2 fill()函数的使用

控制台效果

注：使用fill()函数时前一条语句会将原数组arr=[1,2,3,4,5]改变成arr[a,a,a,a,a]，所以后一条语句必须得将前一条语句注释掉，才能够显示出arr[a,2,3,4,5]，也就是fill()函数会改变原有的数组值

下方分别是前后两条语句输出效果

控制台1效果

控制台2效果

五、find()函数 

1、概念

ES6中的find()是数组的一个方法，它返回数组中满足提供的测试函数的第一个元素的值。如果没有任何元素满足，则返回undefined

2、find()函数使用

find()函数有两种写法

2.1 普通函数

2.2 箭头函数

控制台效果

 六、findIndex()函数

1、概念

ES6中的findIndex()是数组的一个方法，它返回数组中满足提供的测试函数的第一个元素的索引。如果没有任何元素满足，则返回-1。

2、findIndex()函数使用

findIndex()有两种写法

2.1 普通函数

2.2 箭头函数

控制台效果

七、includees()函数 

1、概念

数组对象提供了一个 includes() 方法，该方法用于确定一个数组是否包含一个特定的元素。

2、includees()函数使用

控制台效果

八、flat()函数

1、概念

flat() 方法用于将数组的嵌套层级扁平化。它接受一个可选的整数参数，表示要扁平化的层级。如果不指定参数或参数为负数，则将扁平化所有嵌套层级。

2、flat()函数使用

flat()将多维数组转换为一维数组，默认转一层

控制台效果

效果1：没有转换的数组

效果2：将[1,[2,[3],4],5]三维数组转换成二维数组[1,2,[3],4,5]

效果3：将[1,[2,[3],4],5]三维数组转换成一维数组[1,2,3,4,5]

九、flatMap()函数

1、概念

在ES6中，Array.prototype.flatMap() 是一个用于将数组中的每个元素映射到一个新的数组中，并返回一个扁平化后的数组的方法。它与 Array.prototype.map() 方法类似，但 flatMap() 会将所有子数组展平一层。

2、flatMap()函数使用

 

控制台效果