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 湖北

相关推荐

totoroyyw:千年老妖😂
投递华为等公司10个岗位
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务