ES6 数组的解构赋值

        // 数组模型的解构
        const arr = ['一', '二', '三']
        // 最基本的
        let [a, b, c] = arr
        console.log(a, b, c); // 一 二 三

        // 可以不和arr里面数量一致
        let [a1, b1] = arr
        console.log(a1, b1);  // 一 二

        // 可忽略
        let [a2, , c2] = arr
        console.log(a2, c2); // 一 三

        // 可嵌套
        let [a3, [[b3], c3]] = [1, [[2], 3]];
        console.log(a3, b3, c3);  // 1 2 3

        // 不完全解构 (当需要赋值的对象有默认值时,
        //且匹配的结果为undefined时,会触发返回默认值)
        let [a4 = 4, b4] = [];
        console.log(a4, b4);  // 4 undefined

        let [a44 = 2] = [undefined]; // a = 2
        console.log(a44);  // 2

        // 剩余运算符
        let [a5, ...b5] = [1, 2, 3, 4]
        console.log(a5, b5); // 1  [2, 3, 4]

        // 解构赋值字符串
        let [a6, b6, c6, d6, e6] = 'hello'
        console.log(a6, b6, c6, d6, e6);  // h e l l o

        // a 与 b 匹配结果为 undefined ,触发默认值:a = 3; b = a =3
        let [a7 = 3, b7 = a7] = [];     // a = 3, b = 3
        // a 正常解构赋值,匹配结果:a = 1,b 匹配结果 undefined ,触发默认值:b = a =1
        let [a8 = 3, b8 = a8] = [1];    // a = 1, b = 1
        // a 与 b 正常解构赋值,匹配结果:a = 1,b = 2
        let [a9 = 3, b9 = a9] = [1, 2]; // a = 1, b = 2

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值