Eric Mitjans Eric Mitjans - 4 months ago 16
Javascript Question

Array to string with AngularJS and Lodash

I have an array ($scope.paxlist) looking like this:

[
{"name":"Maria","chosen":false},
{"name":"Jenny","chosen":false},
{"name":"Ben","chosen":false},
{"name":"Morris","chosen":false}
]


I need to take only the values from
name
and convert them into a string in order to be able to use ng-CSV properly.
The desired output would be something like this:

$scope.var = "Maria, Jenny, Ben, Morris"


Taking into consideration that I have Angular and Lodash already loaded, could anybody point out if they have already some tool to do this painlessly?

Answer

Using native map of javascript you can do it as bellow

var data = [
   {"name":"Maria","chosen":false},
   {"name":"Jenny","chosen":false},
   {"name":"Ben","chosen":false},
   {"name":"Morris","chosen":false}
];

data.map(function(obj){return obj.name;}).join(', '); // returns the expected output.

Using Lodash

_.map(data,'name').join(', ')