Maison  >  Article  >  interface Web  >  Comment filtrer des objets dans un tableau JavaScript en fonction d'une valeur de propriété spécifique ?

Comment filtrer des objets dans un tableau JavaScript en fonction d'une valeur de propriété spécifique ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-01 20:03:30659parcourir

How to Filter Objects in a JavaScript Array Based on a Specific Property Value?

Recherche d'objets dans des tableaux à l'aide du filtrage basé sur les propriétés en JavaScript

Question :

Donnée un tableau d'objets, comment pouvez-vous trouver et extraire des objets en fonction d'une propriété spécifique et de sa valeur ?

Entrée :

<code class="javascript">var Obj = [
  {"start": 0, "length": 3, "style": "text"},
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
];</code>

Sortie :

Trouver tous les objets avec une propriété "start" égale à 4. Le résultat souhaité :

<code class="javascript">var result = [
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
];</code>

Solution :

Pour atteindre pour cela, vous pouvez utiliser la fonction filter() des tableaux JavaScript. La fonction filter() prend une fonction de rappel comme argument, qui est appliquée à chaque élément du tableau. La fonction renvoie une valeur booléenne, indiquant si l'élément doit être inclus dans le nouveau tableau.

Dans notre cas, nous souhaitons inclure tous les objets qui ont une propriété "start" égale à 4. Voici comment procéder le ferait :

<code class="javascript">var result = Obj.filter(x => x.start === 4);</code>

Cela créera un nouveau tableau appelé result, qui contient uniquement les objets qui répondent aux critères de filtre. Dans cet exemple, le résultat sera :

<code class="javascript">[
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
]</code>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn