Explication détaillée de l'utilisation des expressions régulières les plus basiques en JS

Cette fois, je vais vous apporter une explication détaillée de l'utilisation desexpressions régulièresles plus basiques en JS. Quelles sont lesprécautionspour l'utilisation des expressions régulières de base en JS. sont des cas pratiques, jetons un coup d'oeil.

Les expressions régulières sont une chose très puissante. Aujourd'hui, je vais simplement les présenter à ceux qui sont nouveaux dans JS. S'il y a des aspects controversés, veuillez laisser un message !

1.1 Qu'est-ce qu'une expression régulière

Une expression régulière est un objet qui décrit un modèle de caractère, ECMAScript La classe RegExp représente expressions régulières, et String et RegExp définissent des fonctions pour une puissante correspondance de modèles et une récupération et un remplacement de texte à l'aide d'expressions régulières.

Les expressions régulières sont utilisées pour faire correspondre des modèles de chaînes, les récupérer et les remplacer. Elles constituent un outil puissant pour effectuer une correspondance de modèles sur des chaînes.

1.2 Le rôle des expressions régulières

Les expressions régulières sont principalement utilisées pour vérifier les données d'entrée du client.

Une fois que l'utilisateur a rempli le formulaire et cliqué sur le bouton, le formulaire sera envoyé au serveur côté serveur, il est généralement traité ultérieurement à l'aide de scripts serveur tels que PHP, ASP.NET et JSP. . Grâce à la vérification côté client, cela peut économiser beaucoup de ressources système côté serveur et offrir une meilleure expérience utilisateur.

2. Créer une expression régulière==(123)==

Pour utiliser une expression régulière, vous devez d'abord créer unexpression régulière Objet d'expression, il existe 2façons de créer un objet:

2.1 Méthode 1 : Utiliser le mot-clé new pour créer

var patt = new RegExp(pattern,modifiers);

Paramètre 1 : Modèle d'expression régulière. Forme de chaîne

Paramètre 2 : Modificateur de mode. Utilisé pour spécifier la correspondance globale, la correspondance sensible à la casse et la correspondance multiligne

2.2 Méthode 2 : Utiliser des expressions régulières pour quantifier directement

var pa = /pattern/modifiers;

deux Le / au milieu représente le modèle d'expression régulière, et le dernier / est suivi du modificateur de motif

Par exemple : l'exemple ci-dessus peut être écrit comme ceci var pa = /girl/gi;

Remarque : à ce stade, le modèle et le modificateur de motif peuvent ajouter des guillemets doubles ou des guillemets simples

3. Modificateur de modèle d'expression régulière ==(126)==

Il existe 3 modificateurs de mode en JavaScript : g i u

1. g : signifie global. Cela signifie qu'une chaîne sera mise en correspondance plusieurs fois. Si g n'est pas écrit, il ne correspondra qu'une seule fois. Une fois la correspondance réussie, il ne correspondra plus

2. i : indique que le cas est ignoré. Cela signifie que la correspondance n'est pas sensible à la casse

3. u : Indique que plusieurs lignes peuvent être mises en correspondance.

4. Explication détaillée des méthodes d'expression régulière ==(127)==

Expressions régulières fréquemment utilisées Là sont deux méthodes de formule test() et exec()

4.1 méthode test()

test(string)

• Paramètres : Chaîne à faire correspondre

• Valeur de retour : Renvoie vrai si la correspondance est réussie, faux en cas d'échec

Je veux seulement connaître la cible caractère Cette méthode est très pratique lorsque vous n'avez pas besoin de savoir si une chaîne correspond à un certain modèle, mais vous n'avez pas besoin de connaître son contenu textuel. Par conséquent, la méthode test() est souvent utilisée dans les instructions if.

Méthode exec() 4.2

exec(string) : Cette méthode est spécialement conçue pour capturer des groupes

• Paramètre : La chaîne à faire correspondre

• Valeur de retour : Un tableau est renvoyé. S'il n'y a pas de correspondance, renvoie null

• Une note sur le tableau de valeurs de retour :

• Il s'agit bien d'une instance de Array.

• Mais ce tableau a deux attributs supplémentaires : index et input

• index : indique où se trouve la chaîne correspondante dans la chaîne source Index

• input : représente la chaîne source correspondante.

• 数组的第一项目是与整个模式匹配的字符串，其他项是与模式中捕获组匹配的字符串

• 如果没有捕获组，则数组中只有第一项。关于捕获组的概念以后再说

所以我们如果想找到全部匹配的字符串可以时候用循环，结束条件就是匹配结果为null

分组。在正则表达式中用()括起来任务是一组。组可以嵌套。

 //最终运行结果： girlGirl Girl ------------- Girlgirl girl ------------

五、正则表达式规则==(124)==

表达式规则

正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能，可以控制匹配模式的

方式。反斜杠后的元字符将失去其特殊含义。

字符类：单个字符和数字

[0-9A-Za-z]
元字符/元符号 匹配情况
. 匹配除换行符外的任意字符
[a-z0-9] 匹配括号中的字符集中的任意字符
[^a-z0-9] 匹配任意不在括号中的字符集中的字符
\d ==[0-9] 匹配数字
\D ==[^0-9] 匹配非数字，同[^0-9]相同
\w [0-9A-Za-z_] 匹配字母和数字及_
\W 匹配非(字母和数字及_)

字符类：空白字符
元字符/元符号 匹配情况
\0 匹配null 字符
\b 匹配空格字符
\n 匹配换行符
\r 匹配回车字符
\t 匹配制表符
\s 匹配空白字符、空格、制表符和换行符
\S 匹配非空白字符

字符类：锚字符

元字符/元符号 匹配情况
^ 行首匹配
$ 行尾匹配

字符类：重复字符
元字符/元符号 匹配情况
? 例如（x?） 匹配0个或1 个x
* 例如（x*） 匹配0个或任意多个x
+ 例如（x+） 匹配至少一个x
(xyz)+ 匹配至少一个(xyz)
{m,n} 例如x{m,n} n>=次数>=m 匹配最少m个、最多n个x
{n} 匹配前一项n次
{n,} 匹配前一项n次，或者多次

六、常用正则表示==(128)==

1、检查邮政编码

var pattern = /[1-9][0-9]{5}/; //共6位数字，第一位不能为0 var str = '224000'; alert(pattern.test(str));

2、检查文件压缩包

var pattern = /[\w]+\.zip|rar|gz/; //\w 表示所有数字和字母加下划线 var str = '123.zip'; //\.表示匹配.，后面是一个选择 alert(pattern.test(str));

3、删除多余空格

var pattern = /\s/g; //g 必须全局，才能全部匹配 var reg=new RegExp('\\s+','g'); var str = '111 222 333'; var result = str.replace(pattern,''); //把空格匹配成无空格 alert(result);

4、删除空格

var pattern = /^\s+/; var str = ' goo gle '; alert(str+" "+str.length); var result = str.replace(pattern, ''); alert(result+" "+result.length); pattern = /\s+$/; result = result.replace(pattern, ''); alert(result+" "+result.length); pattern = /\s+/g; result = result.replace(pattern, ''); alert(result+" "+result.length); 5、简单的电子邮件验证 var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/; var str = 'yc60.com@gmail.com'; alert(pattern.test(str)); var pattern = /^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/; var str = 'yc60.com@gmail.com'; alert(pattern.test(str));

七、支持正则表达式的字符串方法

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

正则表达式的{n,m}量词如何使用

正则表达式小结（实战归纳）

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!