Introduction détaillée à l'utilisation des expressions régulières JS

Cette fois, je vais vous montrer comment utiliser H5 pour créer des effets spéciaux de particules de feux d'artifice. Comment utiliser H5 pour créer des effets spéciaux ? Quelles sont les précautions pour créer des effets de particules de feux d'artifice en H5 Voici un cas pratique, jetons un oeil.

Expression régulièreExplication détaillée de l'utilisation

Introduction

En termes simples, l'expression régulière est une méthode puissante qui peut être utilisée pour la correspondance et le remplacement de modèles. outils. Sa fonction est la suivante :
Tester un certain modèle dans une chaîne. Par exemple, une chaîne caractère d'entrée peut être testée pour voir si un modèle de numéro de téléphone ou un modèle de numéro de carte de crédit existe dans la chaîne. C'est ce qu'on appelle la vérification de la validité des données.
Texte de remplacement. Vous pouvez utiliser une expression régulière pour identifier un texte spécifique dans un document, qui peut ensuite être entièrement supprimé ou remplacé par un autre texte.
Extrait une sous-chaîne d'une chaîne en fonction d'une correspondance de modèle. Peut être utilisé pour rechercher des mots spécifiques dans un texte ou un champ de saisie.

Syntaxe de base

Après avoir une compréhension préliminaire des fonctions et des effets des expressions régulières, examinons de plus près le format syntaxique des expressions régulières.

La forme de l'expression régulière est généralement la suivante :

/love/La partie entre les délimiteurs "/" est le modèle à faire correspondre dans l'objet cible. Les utilisateurs doivent uniquement placer le contenu du modèle dans lequel ils souhaitent trouver les objets correspondants entre les délimiteurs "/". Afin de permettre aux utilisateurs de personnaliser le contenu des modèles de manière plus flexible, les expressions régulières fournissent des « métacaractères » spéciaux. Les soi-disant métacaractères font référence à ces caractères spéciaux ayant une signification particulière dans les expressions régulières, qui peuvent être utilisés pour spécifier le modèle d'apparence de leurs caractères principaux (c'est-à-dire les caractères devant les métacaractères) dans l'objet cible.
Les métacaractères les plus couramment utilisés incluent : "+", "*" et "?".
Le métacaractère "+" précise que son caractère principal doit apparaître une ou plusieurs fois dans l'objet cible.
Le métacaractère "*" précise que son caractère principal doit apparaître zéro ou plusieurs fois consécutives dans l'objet cible.
Le métacaractère "?" précise que son objet principal doit apparaître zéro ou une fois dans l'objet cible.

Jetons maintenant un coup d’œil aux applications spécifiques des métacaractères d’expression régulière.

/fo+/ Étant donné que l'expression régulière ci-dessus contient le métacaractère "+", cela signifie qu'elle peut apparaître consécutivement avec "fool", "fo" ou "football" dans l'objet cible après la lettre f. Faites correspondre les chaînes avec plusieurs lettres o.
/eg*/ Étant donné que l'expression régulière ci-dessus contient le métacaractère "*", cela signifie que zéro ou plusieurs mots consécutifs tels que "facile", "ego" ou "oeuf" dans l'objet cible peuvent apparaître après la lettre. e. Fait correspondre les chaînes avec la lettre g.
/Wil?/ Parce que l'expression régulière ci-dessus contient le métacaractère "?", cela signifie qu'elle peut être comparée à "Win" ou "Wilson" dans l'objet cible, etc. Zéro ou une lettre l apparaît en continu après le lettre i La chaîne correspond.

Parfois, vous ne savez pas à combien de caractères correspondre. Pour tenir compte de cette incertitude, les expressions régulières prennent en charge le concept de qualificatifs. Ces qualificatifs spécifient combien de fois un composant donné de l'expression régulière doit apparaître pour satisfaire une correspondance.

{n} n est un entier non négatif. Faites correspondre un certain nombre de n fois. Par exemple, « o{2} » ne correspond pas au « o » dans « Bob », mais il correspond aux deux o dans « food ».
{n,} n est un entier non négatif. Faites correspondre au moins n fois. Par exemple, "o{2,}" ne correspond pas au "o" de "Bob", mais correspond à tous les o de "foooood". 'o{1,}' équivaut à 'o+'. 'o{0,}' équivaut à 'o*'.
{n,m} m et n sont tous deux des entiers non négatifs, où n En plus des métacaractères, les utilisateurs peuvent spécifier exactement la fréquence à laquelle un motif apparaît dans un objet correspondant. Par exemple, /jim {2,6}/ L'expression régulière ci-dessus stipule que le caractère m peut apparaître 2 à 6 fois de suite dans l'objet correspondant. Par conséquent, l'expression régulière ci-dessus peut correspondre à des chaînes telles que jimmy ou jimmmmmy.

Après avoir compris comment utiliser les expressions régulières, voyons comment utiliser plusieurs autres métacaractères importants.
s : utilisé pour faire correspondre un seul caractère d'espace, y compris les touches de tabulation et les caractères de nouvelle ligne ;
S : utilisé pour faire correspondre tous les caractères sauf un seul caractère d'espace
d : utilisé pour faire correspondre de 0 à 9 nombres ;
w : utilisé pour faire correspondre des lettres, des chiffres ou des caractères de soulignement ;
W : utilisé pour faire correspondre tous les caractères qui ne correspondent pas à w
. : utilisé pour faire correspondre tous les caractères à l'exception des caractères de nouvelle ligne.

(Explication : nous pouvons considérer s et S et w et W comme des opérations inverses les unes des autres)

Voyons maintenant comment utiliser les métacaractères ci-dessus dans les expressions régulières via exemples.

/s+/ L'expression régulière ci-dessus peut être utilisée pour faire correspondre un ou plusieurs caractères d'espace dans l'objet cible.
/d000/ Si nous avons un état financier complexe, nous pouvons facilement trouver tous les montants totalisant des milliers de dollars grâce à l'expression régulière ci-dessus.
En plus des métacaractères que nous avons introduits ci-dessus, les expressions régulières ont également un autre caractère spécial unique, à savoir le localisateur. Les localisateurs sont utilisés pour spécifier où le modèle correspondant apparaît dans l'objet cible. Les localisateurs les plus couramment utilisés sont : "^", "$", "b" et "B".
Le localisateur "^" précise que le motif correspondant doit apparaître au début de la chaîne cible
Le localisateur "$" précise que le motif correspondant doit apparaître à la fin de l'objet cible
Le "b Le localisateur "B" précise que le motif correspondant doit apparaître à la fin de la chaîne cible Une des deux limites au début ou à la fin de la chaîne cible
Le localisateur "B" précise que l'objet correspondant doit être situé à l'intérieur des deux limites au début et à la fin de la chaîne cible,
c'est-à-dire que l'objet correspondant ne peut pas être le début de la chaîne cible, ni la fin de la chaîne cible.
De même, nous pouvons également considérer "^" et "$" et "b" et "B" comme deux ensembles de localisateurs qui sont des opérations inverses l'un de l'autre. Par exemple : /^hell/ Étant donné que l'expression régulière ci-dessus contient le localisateur "^", elle peut correspondre à la chaîne commençant par "hell", "hello" ou "hellhound" dans l'objet cible. /ar$/ Étant donné que l'expression régulière ci-dessus contient le localisateur "$", elle peut correspondre aux chaînes se terminant par "car", "bar" ou "ar" dans l'objet cible. /bbom/ Étant donné que le modèle d'expression régulière ci-dessus commence par le localisateur "b", il peut correspondre à la chaîne commençant par "bomb" ou "bom" dans l'objet cible. /manb/ Étant donné que le modèle d'expression régulière ci-dessus se termine par le localisateur « b », il peut correspondre aux chaînes de l'objet cible qui se terminent par « humain », « femme » ou « homme ».
Afin de permettre aux utilisateurs de définir plus facilement des modèles de correspondance, les expressions régulières permettent aux utilisateurs de spécifier une plage dans le modèle de correspondance sans être limités à des caractères spécifiques. Par exemple :
/[A-Z]/ L'expression régulière ci-dessus correspondra à n'importe quelle lettre majuscule de A à Z.
/[a-z]/L'expression régulière ci-dessus correspondra à n'importe quelle lettre minuscule comprise entre a et z.
/[0-9]/ L'expression régulière ci-dessus correspondra à n'importe quel nombre de 0 à 9.
/([a-z][A-Z][0-9])+/ L'expression régulière ci-dessus correspondra à n'importe quelle chaîne composée de lettres et de chiffres, telle que "aB0".

Une chose à laquelle les utilisateurs doivent prêter attention ici est que vous pouvez utiliser "()" dans les expressions régulières pour combiner des chaînes entre elles. Le contenu contenu dans le symbole "()" doit également apparaître dans l'objet cible. Par conséquent, l'expression régulière ci-dessus ne correspondra pas à une chaîne telle que « abc » car le dernier caractère de « abc » est une lettre et non un chiffre.
Si nous voulons implémenter une expression régulière similaire à l'opération "OU" dans la logique de programmation et sélectionner l'un des multiples modèles différents pour la correspondance, nous pouvons utiliser le caractère barre verticale "|". Par exemple : /to|too|2/ L'expression régulière ci-dessus correspondra à "to", "too" ou "2" dans l'objet cible.
Il existe également un opérateur plus couramment utilisé dans les expressions régulières, qui est l'opérateur de négation "[^]". Différent du localisateur "^" que nous avons introduit précédemment, le caractère de négation "[^]" spécifie que la chaîne spécifiée dans le modèle ne peut pas exister dans l'objet cible. Par exemple : /[^A-C]/ La chaîne ci-dessus correspondra à n'importe quel caractère sauf A, B et C dans l'objet cible. D'une manière générale, lorsque "^" apparaît à l'intérieur de "[]", il est considéré comme un opérateur de négation ; lorsque "^" est à l'extérieur de "[]", ou qu'il n'y a pas de "[]", il doit être considéré comme un opérateur négatif. .localisateur.
Enfin, lorsque les utilisateurs doivent ajouter des métacaractères au modèle d'expression régulière et trouver leurs objets correspondants, ils peuvent utiliser le caractère d'échappement "". Par exemple : /Th*/ L'expression régulière ci-dessus correspondra à "Th*" au lieu de "The" dans l'objet cible.

Une fois l'expression régulière construite, elle peut être évaluée comme une expression mathématique, c'est-à-dire qu'elle peut être évaluée de gauche à droite et dans un ordre de priorité. La priorité est la suivante :

1. Caractères d'échappement
2.(), (?:), (?=), [] Crochets et crochets
3.*, +, ? , {n}, {n,}, {n,m} qualificatif
4.^, $, position et ordre de tout métacaractère
5.|Opération « OU »

exemple d'utilisation

Dans JavaScript 1.2, il existe un puissant objet RegExp() qui peut être utilisé pour effectuer des opérations de correspondance d'expressions régulières. La méthode test() peut vérifier si l'objet cible contient un modèle correspondant et renvoyer vrai ou faux en conséquence.
Nous pouvons écrire le script suivant en utilisant JavaScript pour vérifier la validité de l'adresse e-mail saisie par l'utilisateur.
Objet d'expression régulière
Cet objet contient un modèle d'expression régulière et des indicateurs indiquant comment appliquer le modèle.
Syntaxe 1 re = /pattern/[flags]
Syntaxe 2 re = new RegExp("pattern",["flags"])
Paramètres
re
Obligatoires. Le nom de la variable à attribuer au modèle d'expression régulière.
Motif
Obligatoire. Le modèle d’expression régulière à utiliser. Si vous utilisez la syntaxe 1, séparez les modèles par le caractère "/". Si vous utilisez la syntaxe 2, placez le modèle entre guillemets.
Drapeaux
Facultatif. Si vous utilisez la syntaxe 2, placez l'indicateur entre guillemets. Les indicateurs peuvent être utilisés en combinaison. Les éléments suivants sont disponibles : 🎜>　L'exemple suivant crée un (re)objet contenant un modèle d'expression régulière et des indicateurs associés pour démontrer l'utilisation des objets d'expression régulière. Dans cet exemple, l'objet d'expression régulière résultant est utilisé dans la méthode match :


Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur. le site PHP chinois !

Lecture connexe :

Comment jQuery fait en sorte que la valeur dans la liste déroulante de clic s'accumule dans la zone de texte

function MatchDemo()
　　{
　　var r, re; // 声明变量。
　　var s = "The rain in Spain falls mainly in the plain";
　　re = new RegExp("ain","g"); // 创建正则表达式对象。
　　r = s.match(re); // 在字符串 s 中查找匹配。
　　return(r);
　　}

Classe ES6 Quelles sont les fonctions des méthodes statiques

Explication détaillée de la syntaxe et des instructions communes de vue.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!