ES6--变量的解构赋值

1.基本概念

解构赋值:本质上就是一种匹配模式,只要等号两边的模式相同,那么左边的变量就可以 被赋予对应的值。
* 结构赋值主要分为:
* 1 数组的解构赋值
* 2 对象的结构赋值
* 3 基本类型的解构赋值
举个栗子

let a = 1;
let b = 2;
let c = 3;

等价于

let [a, b, c] = [1, 2, 3];

变量的解构赋值分为三种,以下一一介绍

2.三种解构赋值

1) 数组的解构赋值

let [a, [[b], c]] = [1, [[2], 3]];
console.log(a, b, c);  // 1, 2, 3
let [, , c] = [1, 2, 3];
console.log(c); // 3
let [x] = [];
console.log(x);  // let x; undefined此处解构不成功
let [y = 1] = [];
console.log(y); // 1

2) 对象的解构赋值

let {a, b} = {b: 'bbb', a: 'aaa'};
console.log(a, b);//aaa,bbb
let {a: b} = {a: 1};
console.log(b);//1
console.log(a);//报错

3) 基本类型的解构赋值

let [a, b, c, d] = '1234';
console.log(a, b, c, d);//1,2,3,4
let {length: len} = 'miaov';
console.log(len);//5
let{toString:ts}=1;
let{toString:bs}=true;
console.log(ts==Number.prototype.toString);//true
console.log(bs==Boolean.prototype.toString);//true

null和undefined不可以解构赋值
let [a]=null;//报错

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值