ES6新特性之扩展运算符

…扩展运算符能够将数组转换为逗号分隔的参数序列
扩展运算符（spread）也是三个点（…）。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列，对数组进行解包

基本使用
声明一个数组

 	const beautifulGirl = ["小刘同学","小明","小灵子"]
    function myGirl(){
        console.log(arguments);
    }
    myGirl(...beautifulGirl)
    // 打印结果:"小刘同学","小明","小灵子"

应用 :
数组的合并

 const beautifulGirl = ["小刘同学","小明","小灵子"]
 const cuteBoy = ["小张","哈哈","胖子"]

传统的合并方式 concat

    const lovers = beautifulGirl.concat(cuteBoy)
    console.log(lovers);
    // 打印结果:['小刘同学', '小明', '小灵子', '小张', '哈哈', '胖子']

ES6扩展运算符合并:

  	const lovers = [...beautifulGirl,...cuteBoy]
    console.log(lovers);
    //  ['小刘同学', '小明', '小灵子', '小张', '哈哈', '胖子']

数组的克隆：

    const xiaoLiu = ["小刘同学","小灵子","小明"] 
    const Girl = [...xiaoLiu]
    console.log(Girl);
    //打印结果:['小刘同学', '小灵子', '小明']

将伪数组转为真正的数组

    const divs = document.querySelectorAll("div")
    const divArr = [...divs]
    console.log(divArr);
    // [div]