Array to string with AngularJS and Lodash

Question

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?

Mauro · Accepted Answer · 2016-08-06 23:58:01Z

43

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(', ')

edited Aug 6, 2016 at 23:58

Mauro

4,2542 gold badges32 silver badges41 bronze badges

answered Dec 22, 2014 at 14:53

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

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

1 Comment

Alec Rust Over a year ago

Lodash's pluck() has been deprecated in favour of Lodash's map().

Felix Kling · Accepted Answer · 2014-12-22 14:55:27Z

5

Lodash offers _.pluck to extract a property from a list of objects:

$scope.var = _.pluck($scope.paxlist, 'name').join(', ');

answered Dec 22, 2014 at 14:55

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Comments

Oleksandr T. · Accepted Answer · 2014-12-22 15:05:37Z

4

You can use _.map or _.pluck, like this

$scope.var = _.map($scope.paxlist, 'name').join(', ');

or

$scope.var = _.pluck($scope.paxlist, 'name').join(', ');

edited Dec 22, 2014 at 15:05

answered Dec 22, 2014 at 14:54

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Comments

S.Mishra · Accepted Answer · 2017-09-05 19:43:28Z

4

By using Mrityunjay's answer, this is another version of the answer to convert array of string to string:

const _ = require('lodash');
const data = ['abc','xyz','123'];
const translated = _.map(data).join(', ');
console.log(`result: ${translated}`);

answered Sep 5, 2017 at 19:43

S.Mishra

3,69431 silver badges21 bronze badges

Collectives™ on Stack Overflow

Array to string with AngularJS and Lodash

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related