本篇内容介绍了“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)//假