Introduction aux expressions régulières en JavaScript

Les expressions régulières sont une chaîne de caractères utilisée pour valider le contenu d'une autre chaîne. Ces chaînes de caractères qui forment l'expression régulière sont stockées dans un objet.

Syntaxe

var regEx = /^(A-Za-z)/;

Ici, l'objet variable nommé «regEx» contient le modèle d'expression régulière. Maintenant, testons si une autre chaîne correspond à cette expression régulière.

Code

var str = "EduCBA";
var regEx = /^(A-Za-z)/;
var res = "false";
if(str.match(regEx))(
res= "true";
)
alert(res);

Production:

vrai

Ici, dans l'exemple ci-dessus, l'expression régulière vérifie si une chaîne contient uniquement les alphabets A à Z dans les majuscules et les minuscules. Si c'est le cas, il renvoie «vrai», sinon «faux».

Syntaxe des expressions régulières en JavaScript

Une expression régulière se compose de deux parties. La première partie est le modèle, qui est suivi d'un indicateur facultatif.

Syntaxe

var regEx = /pattern/flag

Les indicateurs sont également appelés modificateurs. Peu de drapeaux optionnels couramment utilisés sont

  • g - global

Recherche plusieurs correspondances. S'il n'est pas utilisé, il s'arrête après le premier match.

Code

var str = "I scream, you scream, we all scream for ice cream";
var regEx = / scream/g;
var result = str.match(regEx);
alert( result );

Production:

scream, scream, scream // Il renvoie toutes les correspondances de la chaîne.

  • i - ignore-case

Cela n'est pas sensible à la casse et correspond aux majuscules et aux minuscules. S'il n'est pas défini, la recherche respecte la casse.

Code

var str = "Hello EduCBA";
var regEx = /educba/i;
alert( str.search(regEx) );

Production:

6 // renvoie l'index auquel la chaîne est trouvée.

alerte (str.search (/ educba /)); // sans drapeau global

Production:

-1

  • m - multiligne

Affecte le comportement des caractères «^» et «$». Dans le cas de plusieurs lignes, il recherche les correspondances au début et à la fin de chaque ligne plutôt que celle de la chaîne entière. S'il n'est pas en mode multiligne, seules les correspondances de la chaîne entière sont renvoyées.

Code

var str = `I scream,
you scream,
we all scream for ice cream`;
var regEx = /^\w+/gm;
var result = str.match(regEx);
alert( result );

Production:

Moi, vous, nous // imprime le premier mot de chaque ligne.

Voyons maintenant les motifs de l'expression régulière. Le modèle se compose de plages, de métacaractères, de quantificateurs, etc.

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

Les métacaractères forment la base du modèle d'expression régulière. Il s'agit d'une combinaison de barre oblique inverse avec un caractère alphabétique qui ensemble forme un métacaractère et chacun d'eux a une signification particulière associée à chacun d'eux. Par exemple, «\ n» indique une nouvelle ligne. Voici quelques autres exemples de métacaractères.

  1. \ t - utilisé pour trouver un caractère de tabulation.
  2. \ v - utilisé pour trouver un caractère de tabulation verticale.
  3. \ s - utilisé pour rechercher des caractères d'espace blanc.
  4. \ S - utilisé pour rechercher des caractères non blancs.
  5. \ d - utilisé pour trouver des chiffres numériques.
  6. \ D - utilisé pour trouver nun - chiffres numériques.
  7. \ w - utilisé pour trouver des mots.
  8. \ W - utilisé pour trouver autre chose que des mots.
  9. . - un point est utilisé pour rechercher un seul caractère autre que la nouvelle ligne ou la fin de la ligne.
  10. \ 0 - utilisé pour trouver un caractère nul.

Ensembles et plages d'expressions régulières en JavaScript

Dans ce scénario, les crochets sont utilisés comme partie

Syntaxe

Say, for the set (abc) – only the characters a, b and c are to be considered.

Exemples 1

  1. (abc) - c'est n'importe quel caractère autre que abc.
  2. (a | b) - A ou b peuvent être considérés.

Dans le cas des plages, une plage est prévue entre cette plage, tous les caractères doivent être pris en compte. Par exemple: (az) signifie que tous les caractères de a à z en minuscules seront pris en considération.

Exemples 2

  1. (0-9) - tous les caractères de zéro à neuf.
  2. (AZ) - tous les caractères de A à Z en majuscules.

Quantificateurs d'expressions régulières en JavaScript

Ceux-ci sont indiqués à l'aide de caractères spéciaux. Chaque caractère spécial a une signification qui lui est associée. Ces caractères sont utilisés avec des expressions régulières. Peu des quantificateurs les plus utilisés sont:

  1. * - Correspond à une chaîne contenant zéro ou plusieurs instances.
  2. + - Correspond à une chaîne contenant une ou plusieurs instances.
  3. ? - Correspond à une chaîne contenant zéro ou une instance.
  4. (n) - Ici, "n" prend un nombre. Correspond à l'expression régulière requise le nombre de fois mentionné à la place de «n».
  5. $ - Correspond à l'expression donnée avec la fin de la chaîne.
  6. - Correspond à l'expression donnée avec le début de la chaîne.
  7. ? = - Correspond à n'importe quelle chaîne avec le motif d'expression régulière après le signe égal.
  8. ?! - Correspond à toute chaîne qui ne contient pas le motif d'expression régulière après le signe d'exclamation.

Propriétés des expressions régulières en JavaScript

Se compose des propriétés suivantes:

  1. Constructeurs - Détermine quelle fonction a créé le prototype d'objet d'expression régulière.
  2. Global - Vérifie si le drapeau «g» est défini.
  3. Ignorer la casse - Vérifie si l'indicateur «i» a été défini.
  4. Le dernier index - Détermine la position d'index à partir de laquelle la prochaine correspondance doit commencer.
  5. Multiligne - Vérifie si le drapeau «m» a été défini.
  6. Source - Donne le texte du motif d'expression régulière.

Méthodes dans les expressions régulières et les chaînes

Méthodes couramment utilisées dans les expressions régulières

  1. exec () - S'exécute pour rechercher des correspondances dans une chaîne et renvoie la première correspondance. Si aucune correspondance n'est trouvée, retourne null.
  2. test () - Teste les correspondances dans une chaîne et renvoie le résultat sous forme de booléen. C'est-à-dire que si une correspondance est trouvée, elle renvoie vrai, sinon renvoie faux.
  3. toString () - Renvoie un objet chaîne équivalent de l'expression régulière.

Méthodes de chaîne utiles lors de l'utilisation d'expressions régulières

  1. match () - C'est une méthode String qui recherche une correspondance dans une chaîne. Si trouvé renvoie la correspondance, sinon renvoie null.
  2. matchAll () - C'est une méthode String qui recherche toutes les correspondances dans une chaîne.
  3. split () - C'est une méthode de chaîne utilisée pour casser une chaîne basée sur l'expression régulière fournie.
  4. search () - Il s'agit d'une méthode de chaîne utilisée pour rechercher une correspondance avec l'expression régulière donnée. Renvoie 0 en cas de succès et -1 en cas d'échec.

Conclusion

Les expressions régulières peuvent être écrites en utilisant différentes combinaisons de métacaractères, de quantificateurs et d'indicateurs chaque fois que cela est nécessaire. Ils viennent également avec leur propre ensemble de méthodes et fonctionnent également bien avec les méthodes de chaîne couramment utilisées. On pourrait facilement les utiliser pour la validation ou la restriction de contenu selon ses besoins.

Articles recommandés

Ceci a été un guide pour les expressions régulières en JavaScript. Ici, nous avons discuté de la syntaxe des expressions régulières en JavaScript, des métacaractères, des ensembles et des plages, des quantificateurs, des propriétés, des méthodes avec des sorties. Vous pouvez également parcourir nos articles pour en savoir plus-

  1. Fonctionnement de JavaScript
  2. Qu'est-ce que JavaScript?
  3. Comment installer JavaScript
  4. Introduction à JavaScript
  5. Fonctions Regex en Python (exemple)

Catégorie:

Développement de logiciels