ES6---扩展运算符和rest‘...’(三点运算符),在数组、函数、set/map等中的应用
2017-10-24 18:04
681 查看
ES6新增的三点运算符,是由三个点表示,在数组中扮演着重要的角色,可以对数组进行合并与分解、可以对set等数据结构进行转换、可以对函数参数进行简化表示,接下来,我们一起揭开其神秘面纱…
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
●三点—rest参数: |
let fun1=function(...args){ for(let arg of args){ console.log(arg); }; console.log(args) }; fun1('a','b','c');//a b c,[a,b,c] fun1(1,2);//1 2,[1,2] ...args表示了所有的形参,不管传入多少参数,都可以通过args进行遍历得到,args则集合所有的参数组成参数数组 let fun2=function(arr,...args){ console.log(arr); console.log(args); }; fun2(1,2,3);//1, [2,3] fun2(1);//1, []当...args有其他参数时,rest参数args数组集合除去前面参数之后的参数。 let fun3=function(arr1,..args,arr2){ console.log(args); }//此时报错!!!切记,三点作为rest参数的时候,其后不能再有任何参数,只能作为最后一个角色出现! ////////////////////////// [x,...y]=[1,2,3]; console.log(y);//[2,3] [x,...y,z]=[1,2,3];//报错,Rest element must be last element in array1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
作为rest参数,三点运算符可以函数,解构赋值等方面发挥重要作用。‘人如其名’,rest表示剩下的,它把剩下的任意数量的参数推入数组,所以也继承了数组的方法。rest参数只能出现在最后一位,不然会报错,当然以扩展运算的身份出现时另当别论。 |
●三点—扩展运算符: |
let arr=[1,2,3]; console.log(...arr);//1, 2, 3返回数组中的各项 let a=[2,3]; console.log(1,...a,4);//1,2,3,4扩展运算符可以放在中间 let divs=document.querySelectorAll('div'); [...divs];//Array[300],[]可以将divs转为数组解构; console.log(...divs);//div1,div2....遍历divs各项 let set=new Set([1,2,3,3]); [...set];//返回数组[1,2,3],可以将set数据结构转化为数组 let map=new Map([[1,'a'],[2,'b'],[3,'c']]); [...map.keys];//返回[1,2,3],属性数组; [...map.values];//返回[a,b,c],value数组 /////////////// [...'wbiokr'];//["w", "b", "i", "o", "k", "r"]遍历字符串,返回各个字符; let str='abc'; ['aaa',...str,'ccc'];//[aaa, a, b, c, ccc]扩展运算符位置比较任性1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
三点的扩展运算符,把数组或者类数组对象展开成一系列逗号隔开的值序列,它好比rest参数时候的逆运算。 |
相关文章推荐
- ES6---扩展运算符和rest‘...’(三点运算符),在数组、函数、set/map等中的应用
- es6扩展运算符,rest运算符,箭头函数,
- ES6(六: 函数扩展)(默认值,rest参数,扩展运算符)
- ES6-rest参数和扩展运算符
- ES6-函数的扩展-rest参数
- 【JavaScript学习笔记】7:函数提升,变量提升,异常抛掷和捕获,ES6的Map和Set
- ES6-数组的扩展-扩展运算符
- (...)ES6三点扩展运算符
- ES6 rest与扩展运算符
- ES6 之 函数扩展(扩展运算符)
- 在【ES6】的【Class】中编写属性的取值函数【get】和存值函数【set】时的三点注意事项
- List、Set、Map、数组遍历应用举例
- List、Set、Map、数组遍历应用举例
- Scala 变量-函数-循环-数组-List-元组-Set-Map 讲解
- ES6数组去重的最佳实践:Set结合Array.from() | 拓展运算符结合 Set
- ES6—数组的扩展操作(扩展运算符)
- ES6数组去重的最佳实践:Set结合Array.from() | 拓展运算符结合 Set
- ES6-函数的扩展-双冒号运算符
- ES6 - Note3:数组、对象与函数的扩展
- ES6 随记(3.4.1)-- 函数的拓展(参数默认值,扩展运算符)