Get values from multi dimensional array

Question

I have an array from which I want to get only names.

var peoples = [
 { "name": "dod", "class": "a", "age": 12 },
 { "name": "john", "class": "b", "age": 14 },
 { "name": "henry", "class": "c", "age": 23 }
];

How can I get the name from each object with comma separation?

• rab: peoples.map( function(v){ return v.name; }).join()
• Andries: peoples[0].name Use a for-loop to iterate them all.

Answer 1

In jquery,

var peoples = [
 { "name": "dod", "class": "a", "age": 12 },
 { "name": "john", "class": "b", "age": 14 },
 { "name": "henry", "class": "c", "age": 23 }
];
var names = new Array();
$.each(peoples,function(key,value){
 names[key] = value.name;
});
namelist = names.join(",");
console.log(namelist);

http://jsfiddle.net/9344Q/

• rab: few comments var names = new Array(); => var names = [] and names.join(",") => names.join() as default join charactor is ,
• rab: I don't know, question not asked about jQuery solution and answer is jQuery based .. there good solution for this in native js .. instead of loading heavy JavaScript library
• Pradeep shyam: @rab In most cases, web sites will have jQuery, So it doesn't bother.

Answer 2

This will definitely do it in plain Javascript:

var peoples = [
 { "name": "dod", "class": "a", "age": 12 },
 { "name": "john", "class": "b", "age": 14 },
 { "name": "henry", "class": "c", "age": 23 }
];
var arr = [];
peoples.forEach(function(name) {
 arr.push(name['name']);
});
console.log(arr.join(','));

• rab: as Array.prototype.forEach is part of Ecmasript 5, it better to use Array.prototype.map for this .

Answer 3

var peoples = [
 { "name": "dod", "class": "a", "age": 12 },
 { "name": "john", "class": "b", "age": 14 },
 { "name": "henry", "class": "c", "age": 23 }
];
alert(peoples.map( function(v){ return v.name; }).join());