Un moyen rapide de créer un tableau à partir des variables d'un autre tableau?

Question

Disons que j'ai 2 tableaux:

var a = []; 
var b = []; 

a.push({id:1, name:"Joe"}); 
a.push({id:2, name:"Jeff"}); 
a.push({id:3, name:"John"}); 

est-il un moyen rapide pour remplir b avec les noms de seulement a en Javascript, ou dois-je utiliser une boucle?

Par exemple, quelque chose comme:

b = a[].name; // b is now ["Joe","Jeff","John"] 

Answer 1

Avec jQuery, vous pouvez dire:

var b = $.map(a, function(val, i) { return val.name; }); 

jQuery's $.map() method est équivalent à son propre Array.map() method JavaScript, sauf celui-ci est une caractéristique relativement récente de JS et ne fonctionne donc pas dans les anciens navigateurs (ie, pré-IE9).

Answer 2

Si vous ne se soucient pas de navigateurs plus anciens, vous pouvez utiliser le ES5 map method:

b = a.map(function(elem) { 
    return elem.name; 
}); 

Si vous souciez les anciens navigateurs, vous pouvez Polyfill la map méthode (MDN provides a decent polyfill) ou vous pouvez utiliser une boucle normale, comme vous le suggérez (bien que évidemment la méthode map utilise une forme de boucle de toute façon).

Answer 3

Vous auriez à boucler. Il existe diverses fonctions de manipulation de collections qui sont maintenant cuites dans la langue. Un si ceux qui seraient utiles ici est map.

var b = a.map(function(person) { 
    return person.name; 
}); 

Commander la bibliothèque Underscore.js qui fait beaucoup d'opérations comme facile. Il a une méthode nommée pluck qui serait idéale ici.

var b = _.pluck(a, 'name'); 

Answer 4

Une boucle doit être utilisée sous une forme quelconque. Soit par votre code ou par une fonction que vous appelez pour faire la copie d'éléments spécifiques. La solution à l'aide dire map utilise encore une boucle sous le capot

for (var i = 0; i < a.length; i++) { 
    b.push(a[i].name); 
} 

Answer 5

Vous auriez besoin de parcourir it pour produire un nouveau tableau en b avec chaque nom.

Answer 6

Il nécessite une boucle, mais il existe des fonctions de bibliothèque qui permettent de faire abstraction de la boucle pour vous. Je suis parti à l'utilisation Underscore.js pour ce genre de choses (et je l'obtiens généralement gratuitement puisque j'utilise Backbone libéralement) mais vous pouvez trouver des fonctions similaires dans JQuery comme $.map