Comment rechercher une chaîne en utilisant la méthode de correspondance dans JavaScript?

JavaScript devient l'un des langages de programmation largement utilisés dans tout le domaine des applications Web de qualité AAA, ce qui est dû à sa disponibilité sur presque tous les navigateurs modernes. Et le fait qu'il existe des milliers de cadres écrits en JavaScript qui permettent aux développeurs du monde entier de développer des applications de haut niveau, Android et même iOS.

Les opérations de cordes sont à la base de nombreuses applications et cadres Web majeurs et célèbres. De la comparaison des mots de passe à la vérification du nom d'utilisateur correct, de l'acceptation d'un code CAPTCHA à la confirmation d'une adresse e-mail correcte. Tout est fait en utilisant des opérations de chaîne. En JavaScript, il existe de nombreuses opérations de comparaison de cordes disponibles, mais parmi toutes, la plus intrigante est la .correspondre() méthode.

Ce que nous allons faire, c'est couvrir tout sur le .correspondre() Méthode et regardez également une nouvelle méthode similaire à celle-ci.

Définition et utilisation

Le .correspondre() La méthode est une fonction pour toutes les versions JS. Ce .correspondre() Compare les chaînes à une expression régulière (regex). Ou en d'autres termes, nous pouvons dire qu'il est utilisé pour rechercher des objets de chaîne avec n'importe quel regex.

Si le match est trouvé contre le regex, alors cette méthode renvoie un déployer de tous les matchs sinon il revient NUL.

Syntaxe

chaîne.match (regexp)

Paramètres: Le paramètre de cette méthode est un «regexp», ce qui signifie une expression régulière pour comparer avec la chaîne donnée.

Valeur de retour: Il comparera la chaîne avec le regex et renverra un tableau de tous les matchs qu'il peut trouver. Sinon, il reviendra null.

Exemple:

var string = "Hello World!"
console.se connecter (chaîne.match (/ ello / g));

Sortir:

Il renvoie un tableau de tous les matchs de «ello»Dans la variable de chaîne. De plus, «g» dans le code est un drapeau Cela indique la méthode pour rechercher toutes les correspondances possibles dans la chaîne et ne pas s'arrêter au premier match.

Qu'est-ce qu'une expression régulière:

Si nous voulons définir des expressions régulières dans les mots officiels de MDN, ce serait:

" Les motifs utilisés pour faire correspondre les combinaisons de caractères en chaînes ".

Les motifs peuvent inclure non seulement des caractères alphanumériques, mais aussi des caractères spéciaux, différentes gammes de groupes et même des caractères spéciaux.

Eh bien, pour conclure ce qu'est un regex, nous pouvons dire qu'au niveau très basique, il s'agit de trouver un motif dans une chaîne donnée. L'utilisation de ce regex peut être trouvée lorsque nous voulons trouver un caractère spécifique à partir d'une chaîne, ou même lorsque nous voulons vérifier que le format d'e-mail saisi lors du remplissage d'un formulaire de connexion est une adresse e-mail réelle avec «@» et ".com ”à sa fin.

Différents modes de correspondance (drapeaux)

Le premier est (comme indiqué dans l'exemple ci-dessus) en utilisant un drapeau global «G», qui renvoie un tableau d'objets de chaîne.

Code:

var string = "Hello World!! Bonjour!"
console.se connecter (chaîne.match (/ ello / g));

Sortir:

L'exemple suivant est sans l'utilisation d'un drapeau global:

Code

var string = "Hello World!! Bonjour!"
console.se connecter (chaîne.match (/ ello /));

Sortir

Même s'il y a deux chaînes correspondantes contre l'expression régulière «/ ello /», le .correspondre() La méthode ne s'arrête qu'au premier match.

Le suivant utilise le drapeau d'insensibilité à la cas "je". Ce drapeau ignore la sensibilité des caisses de la chaîne et essaie de trouver la correspondance en considérant la chaîne entière et le regex dans la petite base.

var string = "Hello World!! BONJOUR! BONJOUR";
console.se connecter (chaîne.match (/ ello / gi));

Sortir

Dans le tableau qui est renvoyé par le .correspondre() méthode. Nous pouvons voir qu'il contient à la fois des chaînes en minuscules et en haut du boîtier qui correspondent au regex.

Le .Méthode Matchall ()

Nous avons complètement appris le .correspondre(), Et nous savons que le monde évolue constamment dans tous les domaines, il vaut la peine de souligner que le .matchall () a également été ajouté dans la nouvelle version de JavaScript.

Le .matchall () Utilise le drapeau «G», qui vous connaissez maintenant (le drapeau global), et renvoie un itérateur ou un tableau vide:

Exemple

Soit regex = / s (h) (ow (\ d?))/g;
Soit String = "show1show2show3";
Laissez Array = [… String.Matchall (regex)];
pour (soit i = 0; i console.log (array [i]);

Note: Nous avons utilisé une boucle pour imprimer tous les éléments présents dans la variable du tableau.

Sortir:

Eh bien, la principale raison de l'utilisation du .matchall () La méthode peut facilement être vue. Nous pouvons le voir à partir de la sortie qu'elle est utilisée pour l'accès amélioré aux groupes de capture

Conclusion

Après ce tutoriel, vous connaissez probablement maintenant le fonctionnement du .correspondre() méthode, ainsi qu'une compréhension de base de expression régulière Et vous avez également appris la méthode nouvellement ajoutée qui est le .matchall () méthode.

Cela signifie que vous avez maintenant une compréhension de base de la correspondance des chaînes avec Regex en utilisant des fonctions JavaScript dans la construction. Ce sont certainement des exemples assez basiques et simples, mais ont toujours montré le but et le travail des méthodes.