Comment utiliser les expressions régulières en JavaScript

Les expressions régulières, connues sous le nom de  » regex  » ou  » regexp « , sont des chaînes de caractères qui décrivent un motif de recherche. Vous pouvez utiliser les expressions normales pour vérifier si une chaîne contient un motif particulier, supprimer des informations d’une chaîne, ainsi que modifier des parties d’une chaîne avec un nouveau message.

Apprenez la syntaxe standard des expressions normales et aussi comment les utiliser en JavaScript.

La syntaxe de base des expressions régulières.

Il y a deux façons de produire une expression régulière en JavaScript : en utilisant une expression de routine réelle et en faisant également appel à la fonction RegExp entrepreneur.

Un littéral d’expression normale comprend un motif enfermé entre des barres obliques, auquel adhère un drapeau facultatif.

Par exemple :

Un drapeau est une spécification facultative que vous pouvez ajouter à une expression normale pour changer ses habitudes. Par exemple :

Le site g indique que l’expression doit correspondre à toutes les occurrences, et pas seulement à l’initiale.

Vous pouvez également développer une expression régulière en utilisant le drapeau RegExp entrepreneur. Par exemple :

Le RegExp constructeur prend deux critères : un motif– une chaîne de caractères ou un littéral d’expression normale– ainsi qu’un flag( s).

Il y a 2 drapeaux assez communs que vous utiliserez avec une expression normale en JavaScript :

  • g : Le drapeau global fait que l’expression normale convient à tous les incidents du motif dans la chaîne donnée plutôt qu’à une occurrence solitaire.
  • i : Le drapeau insensible à la casse fait que l’expression normale néglige la situation du motif et convient aux caractères majuscules comme aux caractères minuscules dans la chaîne donnée.

Vous pouvez utiliser les drapeaux ensemble dans une expression solitaire dans n’importe quel type d’ordre. Par exemple :

Cette expression correspondra certainement à tous les incidents de « Pattern », quelle que soit la casse.

Métacaractères des expressions régulières

Dans les expressions normales, certains caractères, appelés métacaractères, ont des significations spéciales. Vous pouvez les utiliser pour correspondre à des types spécifiques de personnalités ou de modèles.

Voir aussi :  Comment choisir la bonne structure de données pour vos applications

Voici quelques-uns des métacaractères les plus couramment utilisés ainsi que leurs définitions :

  • Le caractère générique (.) : Cette personnalité correspond à tout type de personnalité unique à l’exception d’une toute nouvelle ligne. C’est un outil précieux pour faire correspondre des modèles avec des caractères inconnus.
  • L’étoile de Kleene ( * ) : Ce caractère correspond à une ou plusieurs occurrences de la personnalité ou de l’équipe qui précède. Il permet au personnage ou au groupe qui précède d’apparaître un nombre quelconque de fois dans la chaîne, composé de zéro.
  • Le caractère optionnel (? ) : Cette personnalité correspond à zéro ou un événement d’une personnalité ou d’une équipe coming before.
  • Ancrage de début de ligne ( ^ ) : Cette personnalité ne correspond qu’au début d’une ligne ou d’une chaîne de caractères.
  • Ancrage de fin de ligne ($ ) : Ce caractère correspond à la fin d’une ligne ou d’une chaîne de caractères.
  • Jeu de caractères/classe () : Un ensemble de caractères correspond à n’importe quel caractère d’un ensemble de caractères dans une chaîne de caractères. Vous les spécifiez en utilisant des accolades carrées et vous pouvez également définir un ensemble de personnalités réparées, de personnalités uniques ou de certaines équipes de personnalités.
  • Caractère d’alternance (|) : Cette personnalité correspond au caractère ou au groupe précédent ou adhérent. Elle fonctionne de manière similaire au conducteur JavaScript OR.
  • Caractère de groupement (() ) : Le caractère d’organisation vous permet de regrouper des caractères ou des sous-expressions, de leur appliquer des pilotes comme une unité, ainsi que de gérer l’ordre des procédures.

Tester une chaîne de caractères par rapport à une expression régulière en JavaScript.

En JavaScript, vous pouvez vérifier une chaîne de caractères par rapport à une expression régulière en utilisant plusieurs techniques.

Cette section pense que vous avez une compréhension fondamentale des expressions régulières et aussi des motifs. Si vous n’êtes pas à l’aise avec les expressions de routine, jetez un coup d’œil à un guide du débutant sur les expressions régulières au départ.

Voir aussi :  Comment utiliser la directive angulaire intégrée : ngIf, ngFor, ngClass, etc.

La méthode d’examen

Le. examen() approche renvoie un booléen suggérant si l’expression normale correspond à la chaîne de caractères ou non. Cette technique prend comme désaccord une chaîne de caractères sur laquelle exécuter la recherche. Elle est particulièrement utile pour les vérifications de base.

Par exemple :

Cette expression normale correspond à une chaîne de caractères qui se termine par « . com ».

La méthode du directeur

Le. agent() technique renvoie un tableau constitué du message apparié ainsi que de toute sorte de groupes enregistrés ou de. null si elle ne trouve pas de correspondance. Cette méthode prend comme débat une chaîne de caractères sur laquelle exécuter la recherche. Elle est utile pour des expressions régulières encore plus complexes.

Par exemple :

L’expression régulière sur convient à une chaîne de caractères qui commence par une option « ( « , 3 chiffres, et un « ) « . Elle recherche ensuite un « « , « . », ou une zone, à laquelle adhèrent trois chiffres. Il recherche enfin un « « , « . », ou espace respecté par 4 chiffres à la fin de la chaîne.

Cette expression normale correspond aux numéros de téléphone au format « ( xxx) xxx-xxxx », « xxx-xxx-xxxx », « xxx.xxx.xxxx » ou « xxx xxx xxxx ».

Si elle trouve une correspondance, directeur() renvoie une plage contenant le texte apparié et aussi tout type de groupes capturés (définis par les parenthèses). Il sera certainement constitué de chaque groupe comme un composant supplémentaire dans le tableau qu’il renvoie. Cela vous permet d’accéder à certains composants du texte apparié, ce qui peut vous aider à retirer des informations d’une chaîne de caractères.

La méthode de changement

Le. change() méthode recherche une correspondance entre une expression régulière et une chaîne de caractères ainsi que change le message apparié avec un message de remplacement défini. C’est une technique d’objets de chaîne de caractères, et aussi elle prend une expression régulière et une chaîne de remplacement comme arguments.

Voir aussi :  5 composants de conception neumorphiques en HTML, CSS et JavaScript

Par exemple :

Cet exemple appelle le message replace() sur le chaîne de caractères en passant l’expression régulière, expression L’expression normale correspondra certainement à toutes les occurrences de « Le » dans la chaîne, quelle que soit la casse. L’appel téléphonique à l’approche replace lui ordonne de remplacer chaque occurrence par la chaîne « a ».

Considérations sur les performances pendant l’utilisation des expressions régulières

Bien que les expressions normales aident à faire correspondre et aussi à ajuster les chaînes de caractères, elles peuvent aussi être coûteuses en termes d’efficacité. Rendre les motifs aussi particuliers que possible ainsi que les garder basiques est essentiel pour les maintenir performants.

S’abonner à notre e-newsletter

Comment utiliser les expressions régulières en JavaScript ?

Vous construisez une expression régulière de l’une des deux façons suivantes :

  • En utilisant un littéral d’expression régulière, qui consiste en un motif enfermé entre des barres obliques, comme suit : const re = /ab+c/ ;
  • Ou en appelant la fonction constructeur de l’objet RegExp, comme suit : const re = new RegExp(‘ab+c’) ;

Comment utiliser ou dans RegEx JavaScript ?

L’alternance est le terme en expression régulière qui est en fait un simple « OR ». Dans une expression régulière, elle est dénotée par un caractère de ligne verticale | . Par exemple, nous devons trouver des langages de programmation : HTML, PHP, Java ou JavaScript.

Que signifie ‘$’ dans une expression régulière ?

$ signifie « Faire correspondre la fin de la chaîne » (la position après le dernier caractère de la chaîne). Ces deux éléments sont appelés ancres et garantissent que la chaîne entière est appariée au lieu d’une sous-chaîne seulement.

Que signifie $1 dans RegEx JS ?

Par exemple, le motif de remplacement $1 indique que la sous-chaîne appariée doit être remplacée par le premier groupe capturé.

Cliquez pour évaluer cet article !
[Total: Moyenne : ]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *