取出嵌套多层的某个数据

当我们从某个嵌套多层的数据结构里取出某个属性的时候,往往需要验证取出该属性的路径中的每个对象(或数组)是否存在,否则很有可能会报undefined的错误

在这里插入图片描述

在ES5中,我们的做法是通过 && 来做路径中对象(或数组)是否存在的判断,随着嵌套的层次越多,要写的逻辑就越长,不便于阅读和维护。

为此,ES6给出的解决方案是 可选链运算符

在这里插入图片描述

除此之外,一些第三方工具库和ui框架也内置有此方法,比如lodash的操作对象的_.get()方法

在这里插入图片描述

第三方uniapp的UI框架,uview的内置api里的getProperty(object, key)方法

在这里插入图片描述

这三种方式都可以忽略中间路径的对象(或数组)是否存在的判断,直接判断取的目标数据,有就有,没有就是undefined或者自己设置的defaultValue默认值,从而使得代码更易阅读和维护。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值