Javascript - Une bonne façon de créer un tableau à partir d'un tableau d'objets

Question

J'ai un tableau d'objets javascript:

array = [ {x:'x1', y:'y1'}, {x:'x2', y:'y2'}, ... {x:'xn', y:'yn'} ] 

Je veux créer un nouveau tableau de seulement les x valeurs:

[ 'x1', 'x2', ..., 'xn' ] 

I pourrait le faire facilement dans une boucle for ...:

var newarray = []; 
for (var i = 0; i < array.length; i++){ 
    newarray.push(array[i].x); 
} 

... mais je me demande s'il y a un un moyen de doublure agréable pour le faire en utilisant jquery ou même javascript régulier?

Answer 1

Vous pouvez le faire avec map:

var newarray = jQuery.map(array, function (item) { return item.x; }); 

Answer 2

Cédée est de travailler avec beaucoup de données, vous pouvez utiliser jLinq (disclaimer: my project) pour sélectionner et interroger vos enregistrements, puis retourner ce que vous voulez. Encore une fois, c'est vraiment le cas lorsque vous travaillez avec beaucoup d'objets et que vous faites des requêtes, mais vous pourriez être en mesure d'obtenir quelques idées en regardant le code source.

Answer 3

ECMAScript 5 propose une méthode map() native:

var newArray = array.map(function(value) { return value.x; }); 

Dans FF, cela devrait même être plus rapide que le bouclage, mais ce n'est pas vrai pour tous les navigateurs (Opera); d'autres ne le supportent même pas (IE).