Friday, 19 April 2019

How to Map fields of the response object to new arrays in angular?

I want to map the response from service to different arrays. My response is of type

{
  "success": true,
  "dataPoints": [{
    "count_id": 4,
    "avg_temperature": 2817,
    "startTime": "00:00:00",
    "endTime": "00:19:59.999"
  }, {
    "count_id": 4,
    "avg_temperature": 2814,
    "startTime": "00:59:59.997",
    "endTime": "01:19:59.996"
  }, {
    "count_id": 4,
    "avg_temperature": 2816,
    "startTime": "00:39:59.998",
    "endTime": "00:59:59.997"
  }, {
    "count_id": 4,
    "avg_temperature": 2825,
    "startTime": "02:19:59.993",
    "endTime": "02:39:59.992"
  }, {
    "count_id": 4,
    "avg_temperature": 2828,
    "startTime": "02:39:59.992",
    "endTime": "02:59:59.991"
  }, {
    "count_id": 4,
    "avg_temperature": 2832,
    "startTime": "02:59:59.991",
    "endTime": "03:19:59.99"
  }, {
    "count_id": 4,
    "avg_temperature": 2841,
    "startTime": "03:39:59.989",
    "endTime": "03:59:59.988"
  }, {
    "count_id": 4,
    "avg_temperature": 2816,
    "startTime": "01:39:59.995",
    "endTime": "01:59:59.994"
  }, {
    "count_id": 5,
    "avg_temperature": 2668,
    "startTime": "04:19:59.987",
    "endTime": "04:39:59.986"
  }, {
    "count_id": 3,
    "avg_temperature": 2711,
    "startTime": "05:19:59.984",
    "endTime": "05:39:59.983"
  }]

I want to create an array of startTime , endTime, avg_temperature. I have read that it can be done by creating an interface of response type and map the fields. but i am not sure how to map. can someone help?

getHistoryData() {
  this.historyDataService.getHistoryData(this.payload)
    .subscribe(data => {this.responeData = data as IResponseData[];
      console.log(this.responeData);
  });




from How to Map fields of the response object to new arrays in angular?

No comments:

Post a Comment