ES6 ...扩展运算符用法

1,展开数组:将数组展开为一个个元素,用逗号隔开

    ·let arr=[1,2,3];

    console.log([...arr]);//1,2,3

    let add=(x,y)=>{return x+y;}

    add([...arr]) //6

2,合并数组

    let arrTest1=[1,2,3];

    let arrTest2=[4,5,6];

    let arrTestAll=[...arrTest1,...arrTest2]; //[1,2,3,4,5,6]

3,解构赋值(只能放在最后一位,否则会报错)

    let [first,...rest]=[1,2,3,4,5] //first=[1];rest=[2,3,4,5]

4,将字符串转化成数组

    let strArr=[..."Jaween"];   //['J','a','w','e','e','n'];

5,复制数组或者对象·(浅复制)

    let a=[1,2,3];

    let aCopy=[....a] //[1,2,3];

    let b={a:1,b:2};

    let bCopy={...b} //{a:1,b:1};

6,合并数组或者对象;(存在相同的属性,后面的属性会覆盖前面的属性)

    let b=[1,2,3];

    let c=[4,5]

    let bc=[..b,..c]//[1,2,3,4,5,]

    let e={a:1,b:2};

    let f={b:1,c:2};

    let ef={..e,..f} //{a:1,b:1,c:1}


ps:最近回看ES6的...操作符,自己总结了一下,有缺失或者不对的地方,请大家指出,谢谢

    

    


    

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 13,333评论 0 13
  • 在C语言中,五种基本数据类型存储空间长度的排列顺序是: A)char B)char=int<=float C)ch...
    夏天再来阅读 9,141评论 0 2
  • 转载:在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总...
    七色烟火阅读 8,531评论 0 3
  • 1. 关于诊断X线机准直器的作用,错误的是()。 (6.0 分) A. 显示照射野 B. 显示中心线 C. 屏蔽多...
    我们村我最帅阅读 13,796评论 0 5
  • 理论培训的一位女老师,讲起课来,声音洪亮颇具穿透力,幽默风趣,逗得大家哈哈大笑,我不断的回头看一下,偌大的大厅里大...
    乘格帆阅读 3,909评论 0 2

友情链接更多精彩内容