es6 扩展运算符 剩余运算符 ...

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]