es6扩展运算符

简介

扩展运算符,三个点(...)表示。

  • 可以将数组拆分成以逗号分隔的参数序列
let array = ["a", "b", "c"];
...array // "a", "b", "c"

应用

  • 数组合并
        let arr1 = ["a", "b", "c"];
        let arr2 = ["d", "e", "f"];
        let arr3 = [...arr1, ...arr2];
        console.log(arr3) // ["a", "b", "c", "d", "e", "f"]
        arr1.push(...arr2);
        console.log(arr1)// ["a", "b", "c", "d", "e", "f"]
  • 伪数组转换为真正的数组
                var oDivs = document.getElementsByTagName('div');
                var ary = [...oDivs];
  • 将字符串转为真正的数组
        const a = 'abcd'
        console.log([...a]) // ["a", "b", "c", "d"]
  • 复制数组
        const a1 = ['a','b'];
        const a2 = [...a1];
        a1[0] = 'c' // 修改a1
        console.log(a1) // ["c", "b"]
        console.log(a2) // ["a", "b"]  a2的值不变
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容