前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6系列笔记-解构赋值

ES6系列笔记-解构赋值

作者头像
王小婷
发布2019-12-24 15:30:47
2520
发布2019-12-24 15:30:47
举报
文章被收录于专栏:编程微刊编程微刊

1:数组的解构赋值

代码语言:javascript
复制
        //正常写法
        let arr=[10,20,30];
        let  a=arr[0];
        let  b=arr[1];
        let  c=arr[2];
        console.log(a,b,c); 

打印结果如下:

解构赋值的写法

代码语言:javascript
复制
//数组的解构赋值,右边数值的给左边
           let [a,b,c]=[10,20,30]
           console.log(a,b,c); 

打印结果如下:

2:json的解构赋值

代码语言:javascript
复制
//json的解构赋值
let{a,b,c}= {a:11,b:22,c:16};
console.log(a,b,c);

打印结果如下:

json的不同的数据类型混合写法

代码语言:javascript
复制
//json的解构赋值 
let [{a,b},[n1,n2,n3],num,str]=[{a:12,b:15},[12,3,5],6,'qq']
console.log(a,b,n1,n2,n3,num,str);

打印结果如下:

参考

代码语言:javascript
复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //正常写法
        /* let arr=[1,2,3];
        //数组的里面的东西分别放在是哪个变量里面
        let  a=arr[0];
        let  b=arr[1];
        let  c=arr[2];
        console.log(a,b,c); */
        
        //数组的解构赋值,右边的给左边
        /* let [a,b,c]=[1,2,4]
        console.log(a,b,c); */
     
        
        //json的解构赋值
        /* let{a,c,d}= {a:11,c:22,d:6};
        console.log(a,c,d); */
        
        //json的解构赋值
        
       /* let [{a,b},[n1,n2,n3],num,str]=[{a:12,b:15},[12,3,5],6,'qq']
        console.log(a,b,n1,n2,n3,num,str); */
        
        
        //粒度
        /* let [json,arr,num,str]=[{a:12,b:15},[12,3,5],6,'qq']
        
        console.log(json,arr,num,str); */
        
        /* 注意 */
        //1:左右两边结构必须一样
        //3:声明和赋值不能分开
        
    </script>
</html>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档