Expressions régulières en JavaScript

Dans notre vie quotidienne, nous naviguons continuellement, recherchez et trouvons des trucs sur google, parfois nous trouvons ce que nous recherchons, d'autres fois nous échouons. Pour rendre cette recherche plus précise, précise expressions régulières y a-t-il qui aide les utilisateurs à rechercher et à remplacer.

Les utilisateurs peuvent également utiliser des expressions régulières pour la validation des entrées ou les champs de formulaire, tels que la vérification si la broche entrée consiste en toutes les valeurs numériques ou si elle a des caractères spéciaux. Dans JavaScript, ces expressions régulières sont des objets qui sont une fonctionnalité intégrée avec le nom "Regexp". Dans cet article, nous discuterons des expressions régulières en JavaScript, leur syntaxe et comment elles sont utilisées avec des exemples pour votre meilleure compréhension.

Syntaxe de l'expression régulière

Il existe deux façons dont les expressions régulières peuvent être écrites en javascript

Utilisation du littéral:
Le moyen le plus simple est d'enfermer l'expression entre les barres obliques comme indiqué ci-dessous:

const re = / RegulArExpression /;

Utilisation de la fonction du constructeur regexp ():
L'autre façon de créer une expression régulière est d'utiliser la fonction du constructeur "Regexp ()" comme indiqué ci-dessous:

const re = new regexp («RegulArAxpression»);

Comment créer une expression régulière?

La création d'expressions régulières en JavaScript est simple, vous pouvez utiliser des barres obliques ou le constructeur regexp (). Voici les deux exemples utilisant ces deux méthodes de création d'expression régulière:

Laissez regexp = / bonjour là-bas /;
console.log (regexp);

Sortir:

Exemple:

Laissez regexp = new regexp («bonjour là»);
console.log (regexp);

Sortir:

Méthodes d'expressions régulières

Des expressions régulières sont utilisées à diverses fins telles que la correspondance de deux chaînes, la correspondance de mots particuliers dans une chaîne, la recherche d'un mot particulier en chaînes et le remplacement d'une chaîne. Tous ces éléments ont des méthodes distinctes qui peuvent être utilisées sur l'expression régulière. Voyons-les un par un avec l'exemple:

méthode d'essai
Cette méthode est utilisée pour faire correspondre les chaînes et, par conséquent, il renvoie la valeur booléenne de vrai ou faux. En utilisant cette méthode, l'utilisateur peut vérifier si la chaîne particulière contient la correspondance d'une expression régulière. Vous trouverez ci-dessous un exemple de deux chaînes pour vous montrer le fonctionnement de cette méthode avec une expression régulière:

Laissez regexp = / bonjour /;
Let Check = Regexp.test ('Hello World');
console.log (vérifier);

Sortir:

Exemple:

Laissez regexp = / bonjour /;
Let Check = Regexp.test («salut monde»);
console.log (vérifier);

Sortir:

Méthode Match ()
Une autre méthode utilisée avec l'expression régulière est correspondre() Méthodes qui vérifient une chaîne et renvoie un tableau de toutes les correspondances, au cas où aucune correspondance trouvée nul n'est retournée. Vous trouverez ci-dessous un exemple pour la méthode Match () avec le drapeau G qui est un drapeau global que nous verrons dans l'article, il aide à rechercher toutes les correspondances de la chaîne:

Laissez regexp = "Bienvenue sur notre site Web";
LET VÉRICHER = Console.journal (regexp.match (/ come / g));

Sortir:

Méthode Search ()
Une autre méthode utile est le recherche() Méthode dans laquelle nous passons la valeur qui doit être recherchée dans la chaîne et lorsqu'elle est trouvée, l'index de ce mot est renvoyé en sortie:

Laissez regexp = "Hé là, bienvenue!"
LET VÉRICHER = Console.journal (regexp.search ("là"));

Sortir:

Méthode remplacer ()
remplacer() la méthode est utilisée pour remplacer une valeur spécifique dans la chaîne. Il prend deux paramètres et recherche la chaîne avec le premier paramètre, lorsqu'il le remplace le remplacer par la valeur à remplacer:

Laissez regexp = "Hé là, bienvenue!"
LET VÉRICHER = Console.journal (regexp.remplacer ("là", "vous"));

Sortir:

Drapeaux de motif

Pour rendre la recherche plus précise et plus précise, les expressions régulières utilisent des drapeaux avec l'expression régulière.

Syntaxe:

/ Expression régulière / drapeaux

Il existe divers drapeaux présents qui modifient le comportement de la recherche, dont certains sont décrits ci-dessous ainsi que des exemples pour une meilleure compréhension.

(i) Ignorer le drapeau
Plusieurs fois lorsqu'un utilisateur effectue une recherche, il ne fournit pas de résultats précis pour «salut» vs «salut», car il est sensible à la casse. À cette fin.

Laissez regexp = / bonjour / i;
Let Check = Regexp.test («bonjour là»);
console.log (vérifier); // vrai

Sortir:

(g) Drapeau global
Surtout lorsque vous utilisez la méthode Match () pour rechercher une correspondance particulière dans une chaîne, il ne renvoie que la première correspondance. Mais, avec l'utilisation du drapeau global «G» avec la méthode, il recherche tous les matchs de la chaîne et renvoie un tableau des matchs trouvés.

Laisser regexp = "Le cuisinier cuisinait des cookies";
LET VÉRICHER = Console.journal (regexp.correspondre (/ cuire / g));

Sortir:

Vous pouvez également utiliser deux drapeaux ensemble pour un meilleur résultat comme indiqué ci-dessous dans cet exemple:

Laissez regexp = 'nom: John
Âge: 45
Ville: New York ';
console.journal (regexp.match (/ a / gi));

Sortir:

Conclusion

L'expression régulière aide les utilisateurs à faciliter la recherche et le remplacement des éléments dans une chaîne ou une validation de formulaire. Il est utilisé avec diverses méthodes et drapeaux pour trouver des éléments en ignorant le cas beaucoup plus rapidement et fournissant aux utilisateurs des résultats précis. Ici, dans cet article, nous avons discuté des expressions régulières en JavaScript avec leurs différentes syntaxes et méthodes, et comment rendre la recherche plus précise à l'aide de drapeaux. Des exemples sont également fournis pour que vous le compreniez mieux.