ES6:ES6扩展运算符(*****五颗星)

1.扩展运算符(...):

将数组或对象或字符串中的值一个一个的拿出来

<script>
        // 数组
        let arr=[1,2,3]
        // console.log(arr[0],arr[1],arr[2])//简写如下:用...扩展运算符
        console.log(...arr)//1 2 3

        // 对象
        let obj={
            name:"张三",
            age:10
        };
        // console.log({...obj})//对象不能这样用扩展运算符...

        let str="abc"
        console.log(...str)//a b c
</script>

2.扩展运算符使用场景:

函数传参使用扩展运算符:

<script>
        let arr=[1,2,3,]
        function fn(a,b,c){
            console.log(a,b,c)//1 2 3
        }
        fn(...arr)
        console.log(Math.max(...arr))//3
</script>

合并数组:不影响原数组,相互之间不影响

<script>
        let arr1=[1,2,3]
        let arr2=[4,5,6]
        let newArr=[...arr1,...arr2]
        // 不影响原数组,相互之间不影响
        newArr[0]=00
        arr1[1]=11
        console.log(newArr)//[0,

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论
先马住慢慢学习
1 回复 分享
发布于 2023-02-15 12:27 山东
谢谢大佬分享!
1 回复 分享
发布于 2023-02-15 12:48 湖北

相关推荐

11-24 00:11
已编辑
广东工业大学 算法工程师
避雷深圳&nbsp;&nbsp;yidao,试用期&nbsp;6&nbsp;个月。好嘛,试用期还没结束,就直接告诉你尽快找下一家吧,我谢谢您嘞
牛客75408465号:笑死,直属领导和 hr 口径都没统一,各自说了一些离谱的被裁理由,你们能不能认真一点呀,哈哈哈哈哈😅😅😅
点赞 评论 收藏
分享
offer多多的六边形战士很无语:看了你的博客,感觉挺不错的,可以把你的访问量和粉丝数在简历里提一下,闪光点(仅个人意见)
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务