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-27 17:35
已编辑
蚌埠坦克学院 C++
深信服 后台开发 n×12
点赞 评论 收藏
分享
躺尸修仙中:因为很多92的也去卷中小厂,反正投递简历不要钱,面试不要钱,时间冲突就推,不冲突就面试积累经验
点赞 评论 收藏
分享
牛客410815733号:这是什么电影查看图片
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务