Comment puis-je extraire efficacement les valeurs des propriétés d'objet dans un nouveau tableau en JavaScript ?

Extraction des valeurs de propriétés d'objet sous forme de tableau en JavaScript

Lorsque vous travaillez avec des tableaux d'objets, une tâche courante consiste à extraire des valeurs de champ spécifiques de chaque objet et créez un tableau de ces valeurs.

Naïf Approche

Une approche simple consiste à parcourir le tableau et à pousser la valeur de propriété souhaitée dans un tableau de sortie :

function getFields(input, field) {
  var output = [];
  for (var i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

Solutions élégantes

Cependant, il existe des façons plus élégantes et idiomatiques de réaliser cela tâche :

Array.map()

Array.map() est une méthode de tableau intégrée qui transforme chaque élément du tableau à l'aide d'une fonction de rappel fournie. Cela peut être utilisé pour extraire les valeurs de propriété :

let result = objArray.map(a => a.foo);

Déstructuration d'objet

Si vous devez extraire plusieurs valeurs de propriété, vous pouvez utiliser la déstructuration d'objet dans le rappel de la carte. :

let result = objArray.map(({ foo }) => foo);

Cette approche est plus concise et plus facile à lire.

Remarques :

• L'exemple de tableau contient des objets avec des propriétés nommées "foo" et "bar". Vous pouvez remplacer ces noms par les noms de propriétés réels que vous devez extraire.
• Array.map() renvoie un nouveau tableau avec les valeurs transformées, vous n'avez donc pas besoin de créer explicitement un tableau de sortie.
• Vous pouvez vous référer à la documentation Array.prototype.map() pour plus d'informations sur cette méthode de tableau.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!