Maison > interface Web > js tutoriel > le corps du texte

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

Mary-Kate Olsen
Libérer: 2024-11-01 20:03:30
original
658 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!