How to convert array to json format objects using AngularJS

Question

I have an array like this:

["Tom","John"]

And I want to convert it to the following json format:

["nameList"]:[{"name":"Tom"},{"name":"John"}]

How to achieve this?

Answer 1

You can run a loop on the existing object, specifying the json data for the new AngularJS object as:

var data = ["Tom", "John"];

$scope.angularData = {
  'nameList': []
};

angular.forEach(data, function(v, k) {
  $scope.angularData.nameList.push({
    'name': v
  });
});

Watch the demo.

Answer 2

Use Array.prototype.map function to make a new array with objects. Then convert the array to json.

var namesArray = ["tom", john];

var newArray = namesArray.map(function(item){
   return {'name': item}   
})

console.log(JSON.stringify(newArray));

Answer 3

try this:

JSON.stringify((
     {nameList:[
          {name:"Tom"},
          {name:"John"}
     ]}
))