对象深度属性

当我们获取接口数据时，总会遇到需要获取深度属性的情况，但是当数据出现问题时，可能会导致报错

//假如a是接口数据，我们需要获取最后的属性d
const a = {
  b:{
    c:{
      d:'哈哈哈'
    }
  }
}

正常情况下会编写成（a && a.b && a.b.c && a.b.c.d）
这样的话显得过于累赘，可以用以下几种方法来处理

//while封装方法
function getDeepValue(o,v){
  let vNew = v.split('.')
  while(vNew.length > 0){
    o = o[vNew.shift()]
    if(!o) return null
  }
  return o
}
console.log(getDeepValue(a,'b.c.d')) //哈哈哈
console.log(getDeepValue(a,'b.c.d.e')) //null
console.log(getDeepValue(a,'b.c.d.e.f')) //null
console.log(a.b.c.d.e) //undefined
console.log(a.b.c.d.e.f) //报错

//利用reduce封装方法
function getDeepValue1(o,v) {
  let arr = v.split('.')
  return arr.reduce(function (obj, key) {
    return (obj && obj[key]) ? obj[key] : null;
  }, o);
}
//运行结果与while方法一致

//可选链操作符
console.log(a?.b?.c?.d) //哈哈哈
console.log(a?.b?.c?.d?.e) //undefined
console.log(a?.b?.c?.d?.e?.f) //undefined