如何检查对象 Ionic 4 中的元素

Question

我正在使用 Ionic 4。我 post 数据到我的 API 然后我得到 return 这样的结果：

{
    "responses": [
        {
            "Detection": {
                "Images": [
                    {"url":"https:URL"}, 
                ],
                "Ages": [
                    {"age":"33"}, 
                ],
                "Labels":[
                    {"label":"game"}
                ]
            }
        }
    ]
}

但有时“年龄”不是 returned。所以，我的问题是如何从 API 检查 return 对象中的元素？例如，我想要检查响应是否有 return "Ages[]" 或没有？我怎么写条件？

Answer 1

您可以这样访问；

here is working Example

data={
    "responses": [
        {
            "Detection": {
                "Images": [
                    {"url":"https:URL"}, 
                ],
                "Ages": [
                    {"age":"33"}, 
                ],
                "Labels":[
                    {"label":"game"}
                ]
            }
        }
    ]
}

this.data.responses[0].Detection.Ages[0].age
console.log("Age :",his.data.responses[0].Detection.Ages[0].age);

//检查年龄礼物

let ages=this.data.responses[0].Detection.Ages

 if(ages.length)
 {
   console.log("Age object present :",ages.length);
 }

Answer 2

如果您的项目是运行最近发布的 TypeScript 3.7，那么您可以使用新的 Optional Chaining 功能。

它允许您使用 ?. 将它链接在一起，如果其中一个元素不存在，那么它只是 returns 未定义而不是错误。

这会让你这样写：

let firstAge = this.data.responses[0].Detection?.Ages?.[0].age;

这将导致您的示例中的 33 json 或 undefined 如果它不存在。

如何检查对象 Ionic 4 中的元素

How to check the element in object Ionic 4

typescript

ionic4