How to consume the complex json nested properties

Question

here i have a dynamic json

data = {
  "name": "deltha",
  "type": "object",

  "important": [
    "name",
    "id",
    "number"
  ],

  "information": {
    "place": {
      "editable": false,
      "visible": true
    },
    "info": {
      "type": "object",
      "properties": {
        "type": {
          "visible": true

        }
      }
    },
    "Image": {
      "required": [
        "name"
      ],
      "type": "object",
      "properties": {
        "deltha": {
          "search": "yes"
        }
      }
    }

  }
}

here i am trying to check whether each and every nested property has "required" attribute or not

for ex

data['information']["Image"]

here from the above object i have a attribute i have "required" and under that "name" is there suppose like image how can i check each and every property to check there is 'required' if required there then how can i read that value dynamically

Answer 1

use the hasOwnProperty check the property exist or not

let obj = data['information']["Image"];

if(obj.hasOwnProperty('required')){
   console.log(obj.required)
}

Answer 2

我建议使用递归函数，这是一个工作示例： stackblitz.com/edit/angular-snucnm

Answer 3

you can check the availability of the property as follows,

if (data.information.Image.required !== undefined) {
   console.log('prop is defined')
}