解构赋值总结

解构赋值总结:


  1. 将数据结构分解,然后给变量进行赋值

  2. 若解构不成功,变量跟数值个数不匹配时,变量值为undefined

  3. 数值解构中用 [ ] 包裹,多个变量用  ,  分割,对象解构中用  { } 包裹

解构赋值优势:方便去取对象中的属性与方法

        // 数组解构:
        let [a, b] = [1, 2];
        console.log(a, b); // 1,2

        let [a, ...b] = [1, 2, 6, 8]
        console.log(a, b); // 1, [2,6,8]

        let [a = 1, b, c] = [, 2];
        console.log(a, b, c); // 1, 2, undefined

        let [a, b] = [1, [2]]
        console.log(a, b); //  1, [2]

        let [a, [s]] = [1] // 报错    左边是两层数组,右边也必须是两层数组,否则报错
        let [a] = [1, []] //   不完全解析,不报错
        console.log(a);
let {a,b} = {a:1,b:1};   // 简写
let{a:a,b:b} ={a:1,b:1}  // 完整写法



//  注意点
       let {
            a: a1,
            b: b1
        } = {
            a: 1,
            b: 2
        };
        console.log(a, b); //  报错   a is not defined
        console.log(a1, b1); //  1, 2

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值