利用解构赋值快速提取对象参数

本文介绍了解构赋值在JavaScript中如何简化对象属性的获取过程,并通过实例展示了从JSON数据中快速提取特定字段的方法,提高了代码的可读性和效率。
var arr = {
    a:1,
    b:{
        b1:11,
        b2:22,
    },
    c:3
}
var {b} = arr
console.log(b);
//{ b1: 11, b2: 22 }
var arr = {
    a:1,
    b:{
        b1:11,
        b2:22,
    },
    c:3
}
var b = arr.b
console.log(b);
//{ b1: 11, b2: 22 }

上面两段代码运行结果一样,但是在知道对象里面有哪些字段情况下,可以利用解构赋值代替传统方式

 

再看下面一段列子,利用解构赋值快速提取json值

let jsonData = {
  id: 11,
  status: "OK",
  data: [323, 333]
}
let { id, status, data: num} = jsonData
console.log(id, status, num)
// 11, "OK", [323, 333]

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值