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

Comment filtrer les objets dans un tableau JavaScript par valeur de propriété ?

Susan Sarandon
Libérer: 2024-10-30 10:07:02
original
345 Les gens l'ont consulté

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

Récupération d'objets à partir d'un tableau par propriété en JavaScript

Rechercher des objets dans un tableau en fonction d'une propriété spécifique peut être une tâche courante. JavaScript fournit un moyen efficace d'y parvenir en utilisant la fonction de filtre.

Problème :

Étant donné un tableau d'objets avec diverses propriétés, comment pouvons-nous localiser des objets avec un valeur de la propriété ?

Entrée :

Considérez 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

Sortie :

Nous voulons trouver des objets dont la propriété "start" est égale à 4.

<code class="javascript">const result = [
  { start: 4, length: 2, style: "operator" },
  { start: 4, length: 3, style: "error" }
];</code>
Copier après la connexion

Solution :

En utilisant la fonction de filtre, nous pouvons filtrer le tableau et renvoyer uniquement les objets qui remplissent la condition spécifiée :

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

Dans cet exemple, la fonction de filtre vérifie chaque objet du tableau "Obj", renvoyant un tableau avec uniquement les objets dont la propriété "start" est égale à 4. Le résultat est ensuite enregistré sur la console.

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!