3、扩展运算符

es6中的扩展运算符用三个点表示 "..."

类似于C#中的prams关键字，也就是可变参数列表

1、当作方法参数使用

function Add(...array){

    var sum=0;
    for(let i=0;i<array.length;i++){
        sum+=array[i];
    }
    return sum;
}

console.log(Add(1,3,5,7,9));

2、当参数有两个时候，并且有一个是扩展运算符修饰的时候

var [list1,...list2]=[1,2,3,4,5];
console.log(list1);
console.log(list2);

list1为1，而list为2,3,4,5的数组

3、两个参数都没有赋值的时候

var [list1,...list2]=[];
console.log(list1);
console.log(list2);

list1为undefind，而list为空数组

4、只传一个值的时候

var [list1,...list2]=[1];
console.log(list1);
console.log(list2);

list1为1，而list为空数组

5、将字符串转为字节数组

var str="hello world";
console.log([...str]);

6、将对象dom元素节点的数组转为普通数组

window.onload=function(){

    var els=document.querySelectorAll(".myclass");
    console.log(els);

    var arrayEls=[...els];//将对象数组元素变为单纯元素数组
    console.log(arrayEls);

};