【发布时间】:2020-04-29 18:34:03
【问题描述】:
每当我们从响应中获取嵌套对象时,我们都必须遍历该属性并在 UI 中显示值。如果假设我有如下嵌套对象:
obj = {
parent: {
innerchild1: {
innerchild2:{
displayText: "hey i am here"
}
}
}
}
console.log(obj.parent.innerchild1.innerchild2.displayText)
我们在上面的响应中得到错误,例如:
obj = {
parent: {
error: "error in inner child"
}
}
那么在这种情况下,我们将收到上述控制台的错误。为了处理上述错误,我使用 && 来检查那些未定义的内容,如下所示
console.log(obj.parent && obj.parent.innerchild1 &&obj.parent.innerchild1.innerchild2 && obj.parent.innerchild1.innerchild2.displayText)
正如你所见,如果我们有更多的嵌套对象,这段代码将会变得越来越大,而且这段代码的可维护性也变得不那么困难了。任何人都可以帮助我如何即兴创作上述代码以在嵌套对象中进行未定义检查?
【问题讨论】:
标签: javascript html jquery json reactjs