Maison > interface Web > js tutoriel > Comment rechercher et extraire des éléments contenant une sous-chaîne d'un tableau en JavaScript ?

Comment rechercher et extraire des éléments contenant une sous-chaîne d'un tableau en JavaScript ?

Susan Sarandon
Libérer: 2024-10-26 21:54:03
original
588 Les gens l'ont consulté

How to Find and Extract Elements Containing a Substring from an Array in JavaScript?

Techniques avancées de recherche de sous-chaînes dans des tableaux à l'aide de findIndex()

En JavaScript, rechercher dans un tableau des correspondances de sous-chaînes peut être une tâche à multiples facettes. Considérez le scénario suivant :

Problème :Comment puis-je rechercher une sous-chaîne dans un tableau et récupérer l'intégralité de la chaîne correspondante, y compris la partie après la sous-chaîne ?

Exemple :

const windowArray = [ "item", "thing", "id-3-text", "class" ];
Copier après la connexion

Exigence : Recherchez l'élément du tableau avec "id-" dans sa chaîne et extrayez la valeur entière, dans ce cas "id-3-text ".

SOLUTION :

Utilisation de findIndex() et include()

La solution la plus simple exploite l'ES6 supérieur- méthode de commande findIndex(). Cette méthode parcourt les éléments d'un tableau et renvoie l'index du premier élément qui répond à un critère spécifié :

myArray.findIndex(element => element.includes("substring"))
Copier après la connexion

Implémentation :

  • findIndex() : Cette méthode parcourt le tableau jusqu'à ce qu'elle trouve un élément qui répond aux critères (dans ce cas, inclut la sous-chaîne "id-").
  • element : Le paramètre de la fonction représente chaque élément du tableau.
  • grosse flèche (=>) : Déclare une fonction anonyme, simplifiant la syntaxe.
  • inclut( ): : Vérifie si l'élément actuel contient la sous-chaîne spécifiée.

En utilisant cette méthode, le résultat demandé peut être récupéré avec précision et efficacité.

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