Maison > interface Web > js tutoriel > Illustrations sur les concepts et applications des expressions régulières en JavaScript

Illustrations sur les concepts et applications des expressions régulières en JavaScript

黄舟
Libérer: 2017-10-27 09:40:34
original
1471 Les gens l'ont consulté

Aujourd'hui, j'aimerais partager avec vous quelques connaissances sur les expressions régulières et leur application en javascript. Les expressions régulières sont simples mais pas simples. Par exemple, lorsque mon professeur nous enseignait, il disait que si vous commencez avec cette chose, vous pouvez la maîtriser en 20 à 30 minutes. Je ne pourrai pas rattraper mon retard dans quelques jours. J’ai donc étudié et fait des recherches très sérieusement au début. De manière inattendue, les expressions régulières simplifient non seulement le code, mais évitent également aux ingénieurs front-end bien des problèmes dans les opérations réelles. Comme nous le savons tous, lorsque les utilisateurs parcourent une page, la seule chose qu'ils traitent est le formulaire. Concernant la vérification du formulaire, il existe en fait de nombreuses méthodes. Ensuite, je vais partager avec vous deux méthodes. l'une est une expression régulière, voyons quel effet elle peut apporter au formulaire.

Prenons d'abord un coup d'œil à la version normale :

Personnellement, je pense que la méthode est trop grossière. formulaire que j’ai créé lorsque j’ai commencé à apprendre. L’effet est qu’aucune feuille de style CSS n’est ajoutée.

Regardez à nouveau l'expression régulière améliorée :

Continuer Apprenons sur les expressions régulières ensemble.

Une expression régulière est un objet qui décrit un modèle de caractères. Elle est également appelée notation régulière et notation conventionnelle

Une expression régulière utilise une seule chaîne pour décrire et. correspond à une série de chaînes A conformes à une certaine règle de syntaxe. Dans de nombreux éditeurs de texte , les expressions régulières sont généralement utilisées pour récupérer et remplacer le texte qui correspond à un certain modèle.

Les caractéristiques des expressions régulières sont : 1. Très flexibles, logiques et fonctionnelles 2. Un contrôle complexe des chaînes peut être réalisé rapidement et de manière extrêmement simple ; 3. Il est relativement obscur et difficile à comprendre pour ceux qui débutent.

Définir l'expression régulière 1 : Voie normale varreg=/expression/paramètres supplémentaires reg.test(v.value)

2 : Voie du constructeurvar reg=new RegExp("表达式","附加参数) var reg=new RegExp("china");

Modèle d'expression 1 : modèle simple var reg=/china/; 2 : modèle cohérent var reg=/^w+$/; var reg=/^w+@w+.[a-zA-Z]{2,3} (.[a- zA-Z]{2,3})?$/;

La méthode exec de l'objet RegExp récupère les caractères qui correspondent à l'expression régulière et renvoie la valeur trouvée, et détermine son test de position récupère la valeur spécifiée dans la chaîne, renvoie true ou false méthode exec : si aucune correspondance n'est trouvée, la valeur de retour est nulle si une correspondance est trouvée, un tableau de résultats est renvoyé, /.../ représente un modèle Le début et ; fin de la chaîne ^ correspond au début de la chaîne $ correspond à la fin de la chaîne s tout caractère d'espacement S tout caractère autre qu'un espace d correspond à un caractère numérique, équivalent à [0-9] D n'importe quel caractère sauf un chiffre, équivalent à In [^0-9] w correspond à un chiffre, un trait de soulignement ou un caractère alphabétique, équivalent à [A-Za-z0-9_] W tout caractère autre qu'un seul caractère, équivalent à [^a-zA-z0-9_]. caractère autre que le caractère de nouvelle ligne

{n} correspond à l'élément précédent n fois {n,} correspond à l'élément précédent n fois, ou plusieurs fois {n,m} correspond à l'élément précédent au moins n fois, mais Ne peut pas dépasser m fois * Correspond à l'élément précédent 0 fois ou plus, équivalent à {0,} + Correspond à l'élément précédent 1 fois ou plus, équivalent à {1,} ? Correspond à l'élément précédent 0 ou 1 fois, ce qui signifie que l'élément précédent est facultatif, équivalent à {0,1}

x|y correspondant à x ou y.

Par exemple, "z|food" correspond à "z" ou "food". "(z|f)ood" correspond à "zood" ou "food". Jeu de caractères [xyz]. Correspond à l'un des caractères contenus. Par exemple, « [abc] » correspondrait au « a » dans « plain ». [a-z] Plage de caractères. Correspond à n’importe quel caractère dans la plage spécifiée. Par exemple, "[a-z]" correspond à n'importe quel caractère alphabétique minuscule compris entre "a" et "z". Remarque : Ce n'est que lorsque le trait d'union se trouve à l'intérieur du groupe de caractères et apparaît entre deux caractères qu'il peut représenter la plage de caractères ; s'il apparaît au début du groupe de caractères, il ne peut représenter que le trait d'union lui-même (motif) et. obtenez ce match One. Les correspondances obtenues peuvent être obtenues à partir de la collection Matches générée, en utilisant la collection SubMatches dans VBScript et les attributs $0...$9 dans JScript. Pour faire correspondre les caractères entre parenthèses, utilisez "(" ou ")".

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal