Data massaging in json response

Question

I have written the following code for in angular for a $http get service call

  var country = "http://localhost:3000/json/country.json";
        $http.get(timeZoneUrl).then(function (response) {
            $ctrl.timezone = response.data;
            console.log(response.data);
        });

Everything works fine and i am getting response as below.

  [{
    "region": "Africa",
    "country": "South Africa"
  },
  {
    "region": "Europe",
    "country": "Spain"
  }];

I would like to have the json response massaged and to update the key from the UI. i want the response to be in the following format

 [{
     "value": "Africa",
     "label": "South Africa"
   },
   {
     "value": "Europe",
     "label": "Spain"
 }];

What kind of massage do you want to give to your JSON response? — dfsq, Nov 10 '16 at 15:56

score 1 · Answer 1 · answered Nov 10 '16 at 15:52

You can use Array.prototype.map();

var countries = [{"region": "Africa","country": "South Africa"},{"region": "Europe","country": "Spain"}],
    formattedCountries = countries.map(function(c) {
      return {
        'value': c.region,
        'label': c.country
      };
    });

console.log(formattedCountries);

Data massaging in json response

1 Answers1