美文网首页
es6中扩展运算符...的使用方式

es6中扩展运算符...的使用方式

作者: 黑白说程序 | 来源:发表于2020-11-06 15:57 被阅读0次

es6中扩展运算符... 用于参数对象的所有可遍历属性,拷贝到当前对象之中。可以实现深拷贝
实现合并数组

var arr=[1,2,3,4]
   var arr1=['a','b']
   var arrjoin=[...arr,...arr1]
    console.log(arrjoin) //输出 1, 2, 3, 4, "a", "b"

实现深浅拷贝

    var arr=[1,2,3,4]
   var arr1=[‘a’,'b']
   var arrjoin=[...arr,...arr1]
    var oldarr=arr
    var newarr=[...arr]
    newarr[0]=2
    oldarr[0]=10  //直接oldarr赋值,能影响到原来arr的值
    console.log(newarr); //输出 [2, 2, 3, 4]  对扩展运算生成的新的数组没有影响
    console.log(oldarr); //输出 [10, 2, 3, 4]
    console.log(arr);    //输出 [10, 2, 3, 4]

相关文章

网友评论

      本文标题:es6中扩展运算符...的使用方式

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