Map JSON data model with Angular

Question

I'm assuming I have an issue with my JSON data, but I can't seem to debug.

A snippet of data I get back from a service looks like:

   {
     "result" :{
       "version" : "0.1",
     },
     "recordData":{
       "carId": {
       "config": "auto",
       "val": "none"
     },
     "carName": {
       "config": "manual",
       "val": "bmw"
     }
   }

My Angular code looks like:

var modifyModel = function(data){
  return {
    carId: data.carId.val,
    carName: data.carName.val
  };
};

if (data.recordData){
  modeldata.results = data.recordData.map(modifyModel);
}
return modeldata;

I have the same code working on another JSON request, however the data comes across as an array, and the error I get back from the above is:

TypeError: data.recordData.map is not a function

So I guess I need to clean up the data I receive somehow?

The map function is for an array [] rather than an object {}. Try using typeof data.recordData in your debugging. — Jeremy Larter
– Jeremy Larter, Commented Nov 27, 2015 at 23:42

Hiro · Accepted Answer · 2015-11-28 03:35:34Z

1

to use a map function it only works on array. example:

var array = [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}];
var reformattedArray = array.map(function(obj){ 
   var rObj = {};
   rObj[obj.key] = obj.value;
   return rObj;
});
// reformattedArray is now [{1:10}, {2:20}, {3:30}], 
// array is still [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}]

please see the documentation. Array.prototype.map()

answered Nov 28, 2015 at 3:35

Hiro

237 bronze badges

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

Collectives™ on Stack Overflow

Map JSON data model with Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related