展开运算符
展开运算符是ES6的特性,使用场景有以下:
一、函数调用中使用展开运算符
function test(a, b, c){}
let args = [0, 1, 2];
test(...args);
我们使用...展开运算符就把0,1,2分别传给了test()的参数a,b,c。
二、数组字面量使用展开运算符
1、通过加一个数组来合并数组
let arr1 = ['a', 'b', 'c'];
let arr2 = [...arr1, 'd', 'e'];//['a', 'b', 'c', 'd', 'e']
2、通过push来合并数组
let arr1 = ['a', 'b', 'c'];
let arr2 = ['d', 'e'];
arr1.push(...arr2);//['a', 'b', 'c', 'd', 'e']
三、用于解构赋值
let [arg1,arg2,...arg3] = [1, 2, 3, 4];
arg1 //1
arg2 //2
arg3 //['3','4']
注意:结构赋值中展开运算符只能用在最后。
四、类数组对象编程数组
let list = document,getElementsByTagName('div');
let arr = [...list];
五、对象展开运算符
let {x,y,...z}={x:1,y:2,a:3,b:4};
x; //1
y; //2
z; //{a:3,b:4}
posted on 2019-08-05 14:52 yangxuanLL 阅读(1527) 评论(0) 编辑 收藏 举报