Maison > interface Web > js tutoriel > Comment filtrer les objets dans un tableau JavaScript par une propriété et une valeur spécifiques ?

Comment filtrer les objets dans un tableau JavaScript par une propriété et une valeur spécifiques ?

Susan Sarandon
Libérer: 2024-10-30 10:20:03
original
725 Les gens l'ont consulté

How to Filter Objects in a JavaScript Array by a Specific Property and Value?

Recherche d'objets dans un tableau par propriété en JavaScript

Étant donné un tableau d'objets, il est souvent nécessaire de trouver un ou plusieurs objets qui posséder une propriété et une valeur spécifiques. Pour ce faire en JavaScript, vous pouvez utiliser la fonction de filtre du tableau.

Par exemple, considérons le tableau suivant :

<code class="javascript">const 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

Si vous souhaitez rechercher les objets où la propriété start a une valeur de 4, vous pouvez utiliser le code suivant :

<code class="javascript">const result = Obj.filter(x => x.start === 4);
console.log(result);</code>
Copier après la connexion

La fonction de filtre prend une fonction de rappel comme argument. La fonction de rappel reçoit chaque élément du tableau comme entrée et renvoie une valeur booléenne. L'élément est inclus dans le tableau résultant si la fonction de rappel renvoie vrai, et exclu sinon.

Dans cet exemple, la fonction de rappel vérifie si la propriété start de chaque élément est égale à la valeur 4. Si c'est le cas, l'élément est inclus dans le tableau de résultats. La sortie de la console 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