Create an array of values ​​from an array of objects

Question

Is there any tool to create:

[ 'John', 'Sam', 'Marry' ] 

from

 [ { name: 'John' }, { name: 'Sam' }, { name: 'Marry' } ] 

?

Answer 1

Yes, map() method :

 var array = [{name: 'John'}, {name: 'Sam'}, {name: 'Mary'}].map(function (val) { return val.name; }); 

or jQuery version :

 var array = jQuery.map([{name: 'John'}, {name: 'Sam'}, {name: 'Mary'}], function (val) { return val.name; }); 

Answer 2

The tool is called a for loop. Solution without jQuery.

 var myArray = []; var myObj = [ { name: 'John' }, { name: 'Sam' }, { name: 'Marry' } ]; for( var x in myObj ) { myArray.push( myObj[x].name ); } alert( myArray.join(",") ); 

Answer 3

If you are not opposed to using Underscore.js (which consists of additional utility functions), the pluck function is what you are looking for.

 var names = _.pluck(array, "name"); 

Answer 4

 var input=[ { name: 'John' }, { name: 'Sam' }, { name: 'Marry' } ]; var output=[]; $.each(input, function (index, value){ output.push(value.name); }); 

Using for (...), as shown in several of the answers above, works fine, but you also run the risk of adding members you don't want, or getting confused by some errors when trying to grab a property name from a member that does not have this property. See: Why is using “for ... in” with array iteration a bad idea?

Answer 5

 var input=[ { name: 'John' }, { name: 'Sam' }, { name: 'Marry' } ]; var output=[]; for (var i in input) output[output.length]=i.name; 

Answer 6

 var newArr = []; for (var i = 0, max = arr.length; i < max ; i++) { newArr.push(arr[i].name); } 

The above works without any libraries and works correctly even if someone deleted prototypes of objects