解构赋值(重点)

解构赋值是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。 简单来说就是解析数据源,然后按照数据模型进行取值 ,再赋值给变量。是一种声明变量的高级写法。

在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。

解构:按照数据模型取出数据源中的数据

赋值:赋值给模型变量

解构赋值表达式:变量修饰符(关键字)  数据模型(解构的目标)=数据源

//例1-基本用法(数组)
var arr=[1,2,3]
var [a,b,c]=arr
// 相当于隐式操作: var a=arr[0]; var b=arr[1]; var c=arr[2];
console.log(a,b,c);//1 2 3

//例2-基本用法(对象)
var arr={a:20,b:30}
var {a,b,length}=arr
//相当于隐式操作:var a=arr.a;var b=arr.b; var length=arr.length;

//例3-可嵌套(数组、对象都可嵌套)
var arr=[karn,{age:10}]
var [name,{age}]=arr;
//相当于隐式操作: var name=arr[0]; var age=arr[1].age'

//例4-可嵌套
var data=[{age:10,its:[3,{b:4}]}]
let [{age,its:[a,{b}]}]=data
// 相当于隐式操作:let its=data[0].its; let a=its[0]; let b=its[1].b;

//例5-可忽略
let [a, , b] 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值