Maison interface Web js tutoriel Série d'expressions régulières de base JS

Série d'expressions régulières de base JS

Feb 20, 2017 pm 02:09 PM

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 !

Série d'expressions régulières de base JS

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 un objet d'expression régulière. Il existe 2 types. d'objets à créer. Méthode :

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

var patt = new RegExp(pattern,modifiers);
Copier après la connexion



Paramètre 1 : Modèle de style 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

<script type="text/javascript">
  /*
   创建了一个正则表达式
   参数1:模式是:girl,意思是说可以匹配 "girl"这样的字符串
   参数2:模式修饰符:gi g代表全局匹配 i代表不区分大小写
  */
 var pa = new RegExp("girl", "gi");
  //测试参数中的字符串"你好我的girl" 是否与匹配模式匹配。
  var isExist = pa.test("你好我的girl"); // 在本例中,是匹配的,这个字符串包含girl,所以返回true
  alert(isExist); //true
</script>
Copier après la connexion



2.2 Méthode 2 : Utiliser la quantité directe d'expression régulière

var pa = /pattern/modifiers;
Copier après la connexion



Les deux / au milieu représentent 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 mode et le modificateur de mode peuvent ajouter des guillemets doubles ou des guillemets simples

<script type="text/javascript">
 var pa = /girl/gi;
 alert(pa.test("厉害了我的girl")); //true
</script>
Copier après la connexion



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

Il existe 3 modificateurs de modèle en JavaScript : g i u

g : représente la situation globale. 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

i : Indique que la casse est ignorée. Cela signifie que la correspondance n'est pas sensible à la casse

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

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

Il existe deux méthodes d'expression régulière couramment utilisées : test() et exec()

Méthode test() 4.1

test(string)

Paramètres : Chaîne à correspondre

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

L'utilisation de cette méthode est très pratique lorsque vous souhaitez uniquement savoir si la chaîne cible correspond à un certain modèle, mais 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.

<script type="text/javascript">
 var pa = /girl/gi;
 if(pa.test("厉害了我的girl")){
  alert("这个女孩和你很配");
 }else {
  alert("你注定没有女孩去匹配");
 }
</script>
Copier après la connexion



4.2 Méthode exec()

exec(string) : Cette méthode est spécifiquement destinée à la capture de Designed par le groupe

Paramètres : La chaîne à rechercher

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

À propos du 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 : représente l'index de la chaîne correspondante dans la chaîne source

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

Le premier élément du tableau est la chaîne qui correspond à l'ensemble du motif, et les autres éléments sont des chaînes qui correspondent aux groupes de capture dans le motif

S'il n'y a pas de groupe de capture, il y a uniquement le premier élément du tableau. Nous parlerons du concept de capture de groupes plus tard

<script type="text/javascript">
 var pa = /girl/gi;
 var testStr = "myGirl, yourgirl, hisgIrl";
 var girls = pa.exec(testStr); //捕获
 alert(girls.length + ":" + (girls instanceof Array)); //正则表达式没有捕获组,所以数组长度为1
 alert(girls[0]); //第一次捕获的是 Girl
  //因为我们是用的全局匹配,所以此次匹配的时候从上次匹后的位置开始继续匹配
 alert(pa.exec(testStr)[0]);  // girl
 alert(pa.exec(testStr)); // gIrl
 alert(pa.exec(testStr)); //继续向后没有匹配的字符串,所以返回null
  // 返回null,如果继续再匹配,则会回到字符串的开始,重写开始匹配。
 alert(pa.exec(testStr)); // Girl
  // ...开启新一轮匹配
</script>
Copier après la connexion



Donc, si nous voulons trouver toutes les chaînes correspondantes, nous pouvons utiliser une boucle La condition de fin. c'est que le résultat correspondant est nul

<script type="text/javascript">
 var pa = /girl/gi;
 var testStr = "myGirl, yourgirl, hisgIrl";
 var girls;
 while(girls = pa.exec(testStr)){ //如果等于null,会自动转成 false,结束。
  alert(girls);
 }
</script>
Copier après la connexion



Groupe. Les tâches entourées de () dans les expressions régulières constituent un groupe. Les groupes peuvent être imbriqués.

<script type="text/javascript">
  //()内的内容就是第1组(Girl),其实我们完整真个表达式可以看出第0组 girl(Girl)
  // 将来对应着匹配结果数组的下标。 
 var pa = /girl(Girl)/gi; 
 var test = "girlGirl abdfjla Girlgirl fal girl";
 var girls;
 while(girls = pa.exec(test)){
  //匹配之后,数组的第0个元素对应的这第0组的匹配结果,第1个元素对应着第1组的匹配结果
  for (var i = 0; i < girls.length; i++) {
   console.log(girls[i]);
  }
  console.log("-------------");
 }
</script>
//最终运行结果:
girlGirl
Girl
-------------
Girlgirl
girl
------------
Copier après la connexion



五、正则表达式规则==(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 = &#39;224000&#39;;
alert(pattern.test(str));
Copier après la connexion



2、检查文件压缩包

var pattern = /[\w]+\.zip|rar|gz/; //\w 表示所有数字和字母加下划线
var str = &#39;123.zip&#39;; //\.表示匹配.,后面是一个选择
alert(pattern.test(str));
Copier après la connexion



3、删除多余空格

var pattern = /\s/g; //g 必须全局,才能全部匹配
var reg=new RegExp(&#39;\\s+&#39;,&#39;g&#39;);
var str = &#39;111 222 333&#39;;
var result = str.replace(pattern,&#39;&#39;); //把空格匹配成无空格
alert(result);
Copier après la connexion



4、删除空格

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



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



方法描述
search检索与正则表达式相匹配的第一个匹配项的索引。
match找到一个或多个正则表达式的匹配。
replace替换与正则表达式匹配的子串。
split把字符串分割为字符串数组。
<script type="text/javascript">
 var s = "Abc123aBc";
 alert(s.search(/abc/gi)); 
 alert(s.search(/abc/gi)); // 即使设置的全局模式,每次search也是从开始向后查找
 //match方法和正则表达式的exec()方法的作用是一样的,但是match会一次性把所有的匹配放在一个数组中,全部返回
 alert(s.match(/abc/gi)); // Abc,aBc
 alert(s.replace(/[ab]/gi, "x"));   //把a或b替换成x
 var ss = s.split(/[0-9]+/gi); //用1个或多个数字切割。 Abc,aBc
 alert(ss);
</script>
Copier après la connexion



以上所述是小编给大家介绍的JS基础系列之正则表达式,更多相关内容请关注PHP中文网(www.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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Validation des expressions régulières PHP : détection du format numérique Validation des expressions régulières PHP : détection du format numérique Mar 21, 2024 am 09:45 AM

Vérification des expressions régulières PHP : détection du format numérique Lors de l'écriture de programmes PHP, il est souvent nécessaire de vérifier les données saisies par l'utilisateur. L'une des vérifications courantes consiste à vérifier si les données sont conformes au format numérique spécifié. En PHP, vous pouvez utiliser des expressions régulières pour réaliser ce type de validation. Cet article explique comment utiliser les expressions régulières PHP pour vérifier les formats de nombres et fournit des exemples de code spécifiques. Tout d’abord, examinons les exigences courantes de validation du format numérique : Entiers : contiennent uniquement des nombres de 0 à 9, peuvent commencer par un signe plus ou moins et ne contiennent pas de points décimaux. point flottant

Comment valider une adresse e-mail dans Golang à l'aide d'une expression régulière ? Comment valider une adresse e-mail dans Golang à l'aide d'une expression régulière ? May 31, 2024 pm 01:04 PM

Pour valider les adresses e-mail dans Golang à l'aide d'expressions régulières, procédez comme suit : Utilisez regexp.MustCompile pour créer un modèle d'expression régulière qui correspond aux formats d'adresse e-mail valides. Utilisez la fonction MatchString pour vérifier si une chaîne correspond à un modèle. Ce modèle couvre la plupart des formats d'adresses e-mail valides, notamment : Les noms d'utilisateur locaux peuvent contenir des lettres, des chiffres et des caractères spéciaux : !.#$%&'*+/=?^_{|}~-`Les noms de domaine doivent contenir au moins un lettre, suivie de lettres, de chiffres ou de tirets. Le domaine de premier niveau (TLD) ne peut pas comporter plus de 63 caractères.

Comment faire correspondre les horodatages à l'aide d'expressions régulières dans Go ? Comment faire correspondre les horodatages à l'aide d'expressions régulières dans Go ? Jun 02, 2024 am 09:00 AM

Dans Go, vous pouvez utiliser des expressions régulières pour faire correspondre les horodatages : compilez une chaîne d'expression régulière, telle que celle utilisée pour faire correspondre les horodatages ISO8601 : ^\d{4}-\d{2}-\d{2}T \d{ 2}:\d{2}:\d{2}(\.\d+)?(Z|[+-][0-9]{2}:[0-9]{2})$ . Utilisez la fonction regexp.MatchString pour vérifier si une chaîne correspond à une expression régulière.

Expressions régulières PHP : correspondance exacte et exclusion des inclusions floues Expressions régulières PHP : correspondance exacte et exclusion des inclusions floues Feb 28, 2024 pm 01:03 PM

Expressions régulières PHP : correspondance exacte et exclusion Les expressions régulières d'inclusion floue sont un puissant outil de correspondance de texte qui peut aider les programmeurs à effectuer une recherche, un remplacement et un filtrage efficaces lors du traitement du texte. En PHP, les expressions régulières sont également largement utilisées dans le traitement des chaînes et la correspondance des données. Cet article se concentrera sur la façon d'effectuer une correspondance exacte et d'exclure les opérations d'inclusion floue en PHP, et l'illustrera avec des exemples de code spécifiques. Correspondance exacte La correspondance exacte signifie faire correspondre uniquement les chaînes qui répondent à la condition exacte, sans aucune variation ni mot supplémentaire.

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Comment vérifier le mot de passe à l'aide d'une expression régulière dans Go ? Comment vérifier le mot de passe à l'aide d'une expression régulière dans Go ? Jun 02, 2024 pm 07:31 PM

La méthode d'utilisation des expressions régulières pour vérifier les mots de passe dans Go est la suivante : Définissez un modèle d'expression régulière qui répond aux exigences minimales de mot de passe : au moins 8 caractères, y compris les lettres minuscules, les lettres majuscules, les chiffres et les caractères spéciaux. Compilez les modèles d'expressions régulières à l'aide de la fonction MustCompile du package regexp. Utilisez la méthode MatchString pour tester si la chaîne d'entrée correspond à un modèle d'expression régulière.

Comment obtenir facilement le code d'état HTTP en JavaScript Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

Comment détecter une URL avec une expression régulière dans Golang ? Comment détecter une URL avec une expression régulière dans Golang ? May 31, 2024 am 10:32 AM

Les étapes pour détecter les URL dans Golang à l'aide d'expressions régulières sont les suivantes : Compilez le modèle d'expression régulière à l'aide de regexp.MustCompile(pattern). Le modèle doit correspondre aux paramètres de protocole, de nom d'hôte, de port (facultatif), de chemin (facultatif) et de requête (facultatif). Utilisez regexp.MatchString(pattern,url) pour détecter si l'URL correspond au modèle.

See all articles