Comment extraire des propriétés spécifiques d'un tableau d'objets en JavaScript ?

Comment extraire des propriétés spécifiques d'un tableau d'objets

En JavaScript, vous pouvez rencontrer des scénarios dans lesquels vous possédez un tableau d'objets, chacun contenant un nombre important de propriétés , mais vous n'en avez besoin que de quelques-uns pour un traitement ultérieur. Ce guide examine les techniques permettant d'extraire ces propriétés souhaitées et de créer un nouveau tableau comprenant uniquement les attributs spécifiés.

Pour illustrer, considérons le tableau hypothétique d'objets suivant :

<code class="javascript">const dummyArray = [
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    // …
];</code>

Méthode 1 : Utilisation de la déstructuration d'objets

La déstructuration d'objets vous permet d'extraire des propriétés spécifiques d'un objet et de les attribuer à de nouvelles variables. En utilisant cette technique, vous pouvez créer un nouveau tableau qui contient uniquement les propriétés souhaitées :

<code class="javascript">const result = dummyArray.map(({ att20, att30, att70, att80 }) => ({
  att20, 
  att30, 
  att70, 
  att80
}));</code>

Dans cet exemple, la méthode map() parcourt chaque objet du dummyArray et renvoie un nouvel objet avec seulement les propriétés att20, att30, att70 et att80.

Méthode 2 : à l'aide de l'opérateur de suppression

Vous pouvez également supprimer sélectivement les propriétés indésirables de chaque objet et conserver les propriétés souhaitées. ones :

<code class="javascript">const newDummyArray = dummyArray.map(function(item) { 
    delete item.att1; 
    // …
    return item; 
});</code>

Dans cette approche, l'opérateur delete est utilisé pour supprimer les propriétés indésirables, ne laissant que celles nécessaires dans le tableau modifié newDummyArray.

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!