Всякий раз, когда мы получаем вложенные объекты из ответа, мы должны перейти к этому свойству и отобразить значения в пользовательском интерфейсе. Если предположить, что у меня есть вложенный объект, как показано ниже:
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)
Как вы видите, этот код будет становиться все больше и больше, если у нас будет больше вложенных объектов, а также поддержка этого кода будет незначительной сложно. Может кто-нибудь помочь мне, как импровизировать вышеупомянутый код для неопределенных проверок во вложенных объектах?