How to access values from JSON response which is in [object Object], [object Object] in Angular 6

Question

I have a JSON response , Below is my response.

{
    "data": [
        {
            "2": [
                {
                    "name": "Test1",
                    "Address": "Test2"
                },

            ]
        },
         {
            "5": [
                {
                    "name": "Test3",
                    "Address": "Test4"
                },

            ]
        },


    ]
}

I am able to access till data from the response.Here "2" and "5" are date.If one date is present in this json response then for that response i have to get name and address But I have to show list of data.

<div *ngFor = "let data of result">
<span>{{data.name}}</span>
<span>{{data.Address}}</span>
</div>

In ts file,

 let result = response.data;

I want to access name and address from this.Can anyone please help me how to do this.

Hien Nguyen · Accepted Answer · 2019-04-24 19:36:18Z

3

You can use Object.key, map and concat function to flat your data like this

let obj = this.result;
this.result = Object.keys(obj).map(function (key) {   
  let objkey = obj[key];
  let first = Object.keys(objkey)[0]
  return obj[key][first];
});

this.result = [].concat.apply([], this.result);

Demo at https://stackblitz.com/edit/angular-flat-array-property

Updated:

I update demo with filter to apply your filter by date.

    let obj = this.result;
    var filter = '5';
    this.result = Object.keys(obj).map(function (key) {
      let objkey = obj[key];
      let first = Object.keys(objkey)[0]
      if(filter == first){
         return obj[key][first];
      }else{
        return null;
      }

    });

    this.result = [].concat.apply([], this.result.filter(c=>c != null));

edited Apr 24, 2019 at 19:36

answered Apr 24, 2019 at 18:53

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

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

2 Comments

ananya Over a year ago

My requirement is like if date is 2nd, then only 2nd date data should display in list. If date is 5th, then 5th date data should display in list.basically i need to filter this based on date.Can you help me how to do this. @Hien Nguyen

ananya Over a year ago

Yes this is working . This is what exactly i was looking for. Thanks a lot :) . Really this saved my day. @Hien Nguyen

Collectives™ on Stack Overflow

How to access values from JSON response which is in [object Object], [object Object] in Angular 6

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related