How to store certain values from service response to an array in Angular 6?

Question

I have a web service call which returns an array of values. I want to store some values from the response to array.

Component.ts

     this.data.post_data('get/data',this.dataObj,true)
     .subscribe((data:any) => { 
         this.response= data.data;

      });

Webservice response

    0: {id: 785533, name: "UK ", avg: 0.6154,…}
    1: {id: 785533, name: "Usd ", avg: 0.698,…}
    2: {id: 785533, name: "ff ", avg: 50.61598,…}
    3: {id: 785533, name: "yy ", avg: 80.61198,…}
    4: {id: 785533, name: "nn ", avg: 10.618,…}
    5: {id: 785533, name: "mh ", avg: 0.6154898,…}
    6: {id: 785533, name: "tr ", avg: 70.615482198,…}
    7: {id: 785533, name: "es ", avg: 0.61548,…}

I need to save only 'name' and 'avg' values to array.

what is your expected output?

Vivek Kumar
– Vivek Kumar

2018-10-12 18:29:00 +00:00
Commented Oct 12, 2018 at 18:29 — Vivek Kumar
– Vivek Kumar, Commented Oct 12, 2018 at 18:29
same as response array with only needed values

RJ_7
– RJ_7

2018-10-12 18:32:31 +00:00
Commented Oct 12, 2018 at 18:32 — RJ_7
– RJ_7, Commented Oct 12, 2018 at 18:32

Martin Parenteau · Accepted Answer · 2018-10-12 18:30:47Z

5

You can use the map method to generate a new array with the selected fields:

let result = this.response.map(x => { 
  return { name: x.name, avg: x.avg };
});

answered Oct 12, 2018 at 18:30

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

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

Comments

Piyush Jain · Accepted Answer · 2018-10-12 20:25:12Z

2

    this.response = [];

    this.data.post_data('get/data',this.dataObj,true)
     .pipe(map(result => { return { "name": result.name, "avg": result.avg } } ))
     .subscribe((data:any) => { 
         this.response.push(data);
      });

answered Oct 12, 2018 at 20:25

Piyush Jain

1474 bronze badges

Comments

alokstar · Accepted Answer · 2018-10-12 18:36:31Z

0

If you have the response from the service, you can use it as you like. If you wish to create new array with name and avg values only you can do so using many ways. You can simply iterate through the response array and assign only the desired properties to the new object of the targeted Array.

answered Oct 12, 2018 at 18:36

alokstar

4992 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to store certain values from service response to an array in Angular 6?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related