1 扩展运算符
在ES6中。 三个点(…) 有2个含义。分别表示 扩展运算符 和 剩余运算符。
数组展开
function test(a,b,c){
console.log(a);
console.log(b);
console.log(c);
}
var arr = [1, 2, 3];
test(...arr);
// 打印结果
// 1
// 2
// 3
将一个数组插入到另一个数据中
var arr1 = [1, 2, 3];
var arr2 = [...arr1, 4, 5, 6];
console.log(arr2);
// 打印结果
// [1, 2, 3, 4, 5, 6]
字符串转数据
var str='test';
var arr3= [...str];
console.log(arr3);
// 打印结果
// ["t", "e", "s", "t"]
2 剩余运算符
当函数参数个数不确定时,用 rest运算符
function rest1(...arr) {
for (let item of arr) {
console.log(item);
}
}
rest1(1, 2, 3);
// 打印结果
// 1
// 2
// 3
当函数参数个数不确定时的第二种情况
function rest2(item, ...arr) {
console.log(item);
console.log(arr);
}
rest2(1, 2, 3, 4, 5);
// 打印结果
// 1
// [2, 3, 4, 5]
解构使用
var [a,...temp]=[1, 2, 3, 4];
console.log(a);
console.log(temp);
// 打印结果
// 1
// [2, 3, 4]