How to fetch value from nested json objects in angular 6 dynamically?

Question

I want to access data inside json file which contains multiple nested objects and I want to print them dynamically without thinking what is the data inside it. I want to print key values inside dynamically.

my json

 {
  "name" : "abc",
  "tags" : "def",
  "updated-by" : "ijk",
  "property" : {
    "description" : "abcd",
    "type" : "string"
  },
  "sources" : {
    "input" : {
      "type" : "lmn",
      "properties" : {
        "key" : "opq"
      }
    }
  }
}

If my key contains object then it should go inside that object and then prints its values but if it is also another object then it should go inside that object also and then print its key value.It should loop dynamically. Code must be in angular 4 or above.If anyone can help.

please show us what you have already tried / searched to accomplish this. — jcuypers
– jcuypers, Commented Feb 21, 2019 at 8:17
Possible duplicate of Iterate through Nested JavaScript Objects — Tushar Walzade
– Tushar Walzade, Commented Feb 21, 2019 at 8:21
Possible duplicate of How can I pretty-print JSON using JavaScript? — Andrew Radulescu
– Andrew Radulescu, Commented Feb 21, 2019 at 8:23
I tried to follow this one stackoverflow.com/questions/54760044/… but it is only giving me key values for first object but it is not working for nested objects — Swapnali Pode
– Swapnali Pode, Commented Feb 21, 2019 at 8:39

Andrew Radulescu · Accepted Answer · 2019-02-21 08:19:07Z

1

The behavior you are looking for is already covered by JSON.stringify(jsonObject) method.

You can also control the spacing and pretty print the JSON.

answered Feb 21, 2019 at 8:19

Andrew Radulescu

1,89915 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Oleg · Accepted Answer · 2019-02-21 13:21:50Z

0

You can use recursive function.




const myObj = {
  "name" : "abc",
  "tags" : "def",
  "updated-by" : "ijk",
  "property" : {
    "description" : "abcd",
    "type" : "string"
  },
  "sources" : {
    "input" : {
      "type" : "lmn",
      "properties" : {
        "key" : "opq"
      }
    }
  }
}

function checkNested(obj) {
    for (let prop in obj) {        
        if (obj.hasOwnProperty(prop)) {
            if (typeof obj[prop] == "object"){
                console.log(`Key: ${prop}`)
                checkNested(obj[prop]);
            } else {
              console.log(`Key: ${prop} 'value: ${obj[prop]}`)
            }
        }
    }
}


checkNested(myObj)

edited Feb 21, 2019 at 13:21

answered Feb 21, 2019 at 8:20

Oleg

4114 silver badges11 bronze badges

6 Comments

Swapnali Pode Over a year ago

Hi Oleg, when i am passing my obj to this function it is not printing anything.

Swapnali Pode Over a year ago

no it is still not working. My code is in angular 7.I am calling this function from same class.

Oleg Over a year ago

I add snippet, so you can run it . Also I puit else for showing only flat node

Swapnali Pode Over a year ago

"ERROR ReferenceError: checkNested is not defined", this error is coming

Swapnali Pode Over a year ago

It is running now but problem is still not resolved, I need keys also

|

Collectives™ on Stack Overflow

How to fetch value from nested json objects in angular 6 dynamically?

2 Answers 2

Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related