美文网首页
8.ECMAScript6(ES6)- ES6中的扩展运算符

8.ECMAScript6(ES6)- ES6中的扩展运算符

作者: 挤时间学习的阿龙 | 来源:发表于2019-05-04 10:42 被阅读0次
timg (1).jpg

运算符:...
不确定参数个数
在数组中使用:拷贝、合并、分割

1、不确定函数内部有几个参数的时候,可以用扩展运算符

<body>
    <script type="text/javascript">
        function ceshi1(...a){
            console.log(a[0],a[1],a[2],a[3])
        }
        ceshi1(1,2,3,5)
    </script>
image.png

2、copy数组

<script type="text/javascript">
        //在数组中使用:拷贝、合并、分割
        let num1=[1,2,3]
        let num2=[...num1]
        console.log(num2)
    </script>
image.png

3、合并数组

<script type="text/javascript">
        //在数组中使用:合并
        let num3=[1,2,3]
        let num4=[4,...num3,7,8]
        console.log(num4)
    </script>
image.png

3、分割数组

<script type="text/javascript">
        //在数组中使用:分割
        let [b,...c]=[0,1,2,3,4,5]
        console.log(b)
        console.log(c)
    </script>
image.png

4、在对象中使用

    <script type="text/javascript">
        //在对象中使用
        let {x,y,...z}={x:2,y:3,a:3,b:8}
        console.log(z)
    </script>
image.png

5、将字符串转换为数组

<script type="text/javascript">
        //将字符串转换为数组
        let city='nanning'
        let cityarr=[...city]
        console.log(cityarr)
    </script>
image.png

相关文章

网友评论

      本文标题:8.ECMAScript6(ES6)- ES6中的扩展运算符

      本文链接:https://www.haomeiwen.com/subject/mcxxoqtx.html