Maison > interface Web > js tutoriel > Le concept et l'application des expressions régulières dans JavaScript_Regular Expressions

Le concept et l'application des expressions régulières dans JavaScript_Regular Expressions

韦小宝
Libérer: 2017-12-04 10:49:33
original
1657 Les gens l'ont consulté

Cet article présente principalement le concept des expressions régulières en JavaScript et des informations connexes sur les applications JavaScript qui en ont besoin. référence, les expressions régulières en JavaScript seront d'une grande aide pour notre développement futur.

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.

Tout d'abord, jetons un coup d'œil à la version régulière :

Personnellement, je pense que la méthode est trop grossière. C'est ce que j'ai fait lorsque j'ai commencé à apprendre l'effet de formulaire simple sans ajouter de feuille de style CSS.

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 souvent utilisées pour récupérer et remplacer du texte correspondant à 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)
Copier après la connexion

2 : Voie du constructeur

  
var reg=new RegExp("表达式","附加参数) var reg=new RegExp("china");
Copier après la connexion

Modèle d'expression 1 :

简单模式 var reg=/china/;
Copier après la connexion

Modèle d'expression 2 :

符合模式 var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;
Copier après la connexion

La méthode exec de l'objet RegExp récupère les caractères qui sont des expressions régulières Match, renvoie la valeur trouvée et déterminer sa position test récupère la valeur spécifiée dans la chaîne, renvoie vrai ou faux méthode d'exécution : 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 le ; début et fin d'un motif ^ 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 sauf pour les chiffres N'importe quel caractère de , équivalent à [^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_ ]. Tout caractère autre que les nouvelles lignes

{n} correspond à l'élément précédent n fois {n,} correspond à l'élément précédent n fois, ou {n,m} correspond à l'élément précédent plusieurs fois. L'élément doit être à au moins n fois, mais pas plus de m fois * Faire correspondre l'élément précédent 0 fois ou plus, équivalent à {0,} + Faire correspondre 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 concept et l'application des expressions régulières en JavaScript_tout le contenu des expressions régulières. J'espère que cela sera utile aux amis dans le besoin !

Recommandations associées :

Partage de 15 expressions régulières JS couramment utilisées

Expressions régulières JS qui doivent être maîtrisées

Explication détaillée des expressions régulières js

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