美文网首页
es6扩展运算符

es6扩展运算符

作者: 每日log | 来源:发表于2020-12-16 14:19 被阅读0次

简介

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

  • 可以将数组拆分成以逗号分隔的参数序列
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的值不变

相关文章

网友评论

      本文标题:es6扩展运算符

      本文链接:https://www.haomeiwen.com/subject/zybwgktx.html