扩展运算符(...)相关笔记

1.复制数组(真正的复制,效果等同于Array.from())
let arr = [1,2,3,4,5];
let arr2 = [...arr];
arr2.push(6);
console.log(arr);
console.log(arr2);
//返回结果
[ 1, 2, 3, 4, 5 ]
[ 1, 2, 3, 4, 5, 6 ]
2.一般用法案例
let arr = [1,2,3,4,5];
console.log(...arr)
//返回结果
1 2 3 4 5
=============================================
let fun = (...arr) => {
    console.log(arr)
}
fun(1,2,3,4,5)
//返回结果
[ 1, 2, 3, 4, 5 ]
=============================================
let fun = (a,b,c,d,e) => {
    console.log(a,b,c,d,e)
}
fun(...[1,2,3,4,5])
//返回结果
1 2 3 4 5
=============================================
let fun = (a,b,...c) => {//注意这种情况下必须放在末尾
    console.log(a,b);
    console.log(c);
}
fun(1,2,3,4,5)
//返回结果
1 2
[ 3, 4, 5 ]
3.将类数组转换成数组
4.将字符串转换成数组
let str = 'welcome';
let arr = [...str];
arr.push('!');
console.log(arr)
//返回结果
[ 'w', 'e', 'l', 'c', 'o', 'm', 'e', '!' ]
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,501评论 2赞 89
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,420评论 3赞 119
  • 今年下半年一个偶然的机会知道了简书。 真正熟知是最近在简书浏览了不少文章:有技能帖,有暖心的故事等等。突然在简书找...
    ICE蝈蝈阅读 356评论 0赞 2
  • 距离外公去世才三个月时间,外婆就长久地离开了我们。外公83岁,外婆82岁。都算是高龄吧。这是我三十年来第一次守...
    巴蜀宝贝阅读 706评论 2赞 0
  • 一年一度荷花开, 古塔香烛依旧燃。 南海钟鸣经语唱, 天中剑舞戏言喧。 城楼彩绘霓虹照, 汝水清流碧漾潺。 梦幻人...
    南海老人阅读 557评论 1赞 7

友情链接更多精彩内容