es6数组扩展的方法

介绍

本篇内容介绍了“es6数组扩展的方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

<强> 1。扩展运算符

含义:扩展运算符,三个点(…),将一个数组转为用逗号分隔的参数顺序。

例如:

console.log ([1, 2, 3]);

console.log (…[1, 2, 3]);

结果:[1,2,3]

1, 2, 3

(1)用法:作为函数参数

函数f (x, y, z) {

console.log (y); 1

//

}

让args=(0, 1, 2);

f (…args);

(2)用法:求数组的最大值

Math.max (. . (14 4 44))//44

(3)应用:复制数组

const a1=[1, 2];

const a2=a1;

a2 [0]=2,

a1//(2, 2)

(4)应用:合并数组

(1、2、…更多)

(5)应用:与解构赋值结合

[,……拒绝前往]=

列表(6)应用:可以将字符串转为真正的数组

console.log([……& # 39;你好# 39;])

[“h",“e",“l",“l",“o")

<强> 2. Array.from()

方法用于将两个类对象转为真正的数组。

(1)应用:类数组对象转为真正的数组

让arrayLike={

& # 39; 0 & # 39;: & # 39;一个# 39;,

& # 39; 1 & # 39;: & # 39; b # 39;,

& # 39; 2 & # 39;: & # 39; c # 39;,

长度:3

}

让arr=Array.from (arrayLike);

console.log (arr);

//(“a",“b",“c"]

(2)应用:将字符串转为数组

var arr=Array.from(& # 39;你好# 39;);

console.log (arr);

[“h",“e",“l",“l",“o"]

如果是一个真正的数组那么返回原数组

Array.from还可以接受第二个参数。

让arr=Array.from ((1 2 3) (x)=比;* x);

console.log (arr);

//(1、4、9)

<强> 3.数组。的方法用于将一组数值,转为数组

例如:

var arr=Array.of(8) 3, 11日,

console.log (arr);

//[8] 3, 11日

<强> 4。数组实例的copyWithin()

数组实例的copyWithin方法,在当前数组内部,将指定位置的成员复制到其他位置,

(会覆盖原来成员),然后返回当前数组,也就是说,使用这个方法,会修改当前数组。

它接受三个参数:

(1)目标(必需):从该位置开始替换数据。

(2)开始(可选):从该位置开始读取数据,默认为0。如果为负值,表示倒数。

(3)结束(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒。

<强> 5。数组的实例的发现()和findIndex()

数组实例的找到方法,用于找出第一个符合条件的数组成员,它的参数是一个回调函

数,所有出租成员一次执行该回调函数,直到找到的哥返回值为true的成员,然后

返回该成员,如果没有符合条件的返回aundefined

让=(1、4、5、10)((n)=比;n & lt; 0)

console.log(一个);//5

让b=(1、5、10、15)。找到(功能(价值,指数,arr) {

返回值比;9;

})

console.log (b);//10

findIndex方法的用法与找到方法返回非常类似,返回第一个符合条件的数组

成员的位置,如果所有成员不符合条件返回1 .

例如(1、5、10、15).findIndex(功能(价值,指数,arr) {

返回值比;9;

})

<强> 6。数组实例的填充()

填充方法使用给定值,填充一个数组;

var arr=[& # 39;一个# 39;& # 39;b # 39;, & # 39; c # 39;] .fill (7);

console.log (arr);//[7、7、7]

<强> 7。数组实例的条目()键值()和()用于遍历数组,他们都是返回一个遍历器对象。

键()是对键名的遍历,值()是对键值的变量,条目()是对键值对的遍历。

(让指数[& # 39;一个# 39;& # 39;b # 39;] . keys ()) {

console.log(指数);}

<强> 8。数组实例的包括()

Array.prototype。包括方法返回一个布尔值,表示某个数组是否包含给定的值。

[1, 2, 3]其中(2)//真正的

(1、2、3、4)其中(4)//假

es6数组扩展的方法