How to get values from json nested objects

Question

{
  "Petition to file": [
    {
      "description": "fileing description",
      "period": "30 days",
      "fees": "500"
    }
  ],
  "Appearing before inspection": [
    {
      "description": "Appearence Description",
      "period": "10 days",
      "fees": "1500"
    }
  ],
  "Passing orders for a recording of statements": [
    {
      "description": "passing order description",
      "period": "50 days",
      "fees": "1000"
    }
  ],
  "Hearing of petition": [
    {
      "description": "Hearing of petition description",
      "period": "55 days",
      "fees": "2000"
    }
  ],
  "Decree of petition": [
    {
      "description": "decreeof description",
      "period": "70 days",
      "fees": "5000"
    }
  ]
}

How to get the values of nested child headings. It is dynamic content .Also i need to fetch the values of nested objects that is period,fess,description . I'm using typescript program that is in angular cli

The point is the title(example:Petition to file) of nested object will be dynamic by server response . — Maravarman Manoharan
– Maravarman Manoharan, Commented Nov 21, 2019 at 6:19
use Object.keys to get the dynamic keys and map them into an array — Kunal Mukherjee
– Kunal Mukherjee, Commented Nov 21, 2019 at 6:21

Gaurang Dhorda · Accepted Answer · 2019-11-21 07:16:04Z

1

here is complete working example StackBlitz Link, Your main logic of traversing dynamic object entries is...

ngOnInit(){
    Object.keys(this.datafromDatabase).forEach(data =>{ 
         this.datafromDatabase[data].map(key =>{
           this.data.push(key)
         });
    })
}

Your Template file is...

<div *ngFor="let key of data">
    {{key.description}}
</div>
<div>
     {{data |json}}
</div>

answered Nov 21, 2019 at 7:16

Gaurang Dhorda

3,4072 gold badges24 silver badges26 bronze badges

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

Comments

Erik Philips · Accepted Answer · 2019-11-21 06:39:08Z

0

var something = consts['Petition to file'];

usually thats the way to get the values inside keys

so now the new variable something =

[
    {
      "description": "fileing description",
      "period": "30 days",
      "fees": "500"
    }
  ]

now if u want description

var descriptionVariable = consts['description'];

so descriptionVariabe's value is fileing description

edited Nov 21, 2019 at 6:39

Erik Philips

54.8k11 gold badges132 silver badges158 bronze badges

answered Nov 21, 2019 at 6:36

Sai shashank Narne

394 bronze badges

Comments

Saurabh Yadav · Accepted Answer · 2019-11-21 06:45:06Z

let list = {
  "Petition to file": [
    {
      "description": "fileing description",
      "period": "30 days",
      "fees": "500"
    }
  ],
  "Appearing before inspection": [
    {
      "description": "Appearence Description",
      "period": "10 days",
      "fees": "1500"
    }
  ],
  "Passing orders for a recording of statements": [
    {
      "description": "passing order description",
      "period": "50 days",
      "fees": "1000"
    }
  ],
  "Hearing of petition": [
    {
      "description": "Hearing of petition description",
      "period": "55 days",
      "fees": "2000"
    }
  ],
  "Decree of petition": [
    {
      "description": "decreeof description",
      "period": "70 days",
      "fees": "5000"
    }
  ]
}


for (let [key, value] of Object.entries(list)) {
 	console.log(key);
	console.log(value);
}

Use Object.entries

Collectives™ on Stack Overflow

How to get values from json nested objects

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related