Maison >interface Web >js tutoriel >Un résumé de l'utilisation des expressions régulières couramment utilisées dans js

Un résumé de l'utilisation des expressions régulières couramment utilisées dans js

不言
不言original
2018-08-13 10:15:031719parcourir

Cet article vous apporte un résumé de l'utilisation des expressions régulières couramment utilisées en js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

J'ai réalisé plusieurs projets récemment et j'ai constaté que les expressions régulières sont de plus en plus utilisées. Mon habitude personnelle n'est pas de mémoriser des choses qui peuvent être obtenues en consultant des manuels. Bien que la plupart des sites Web techniques aient rassemblé de nombreuses utilisations d'expressions régulières Javascript, je souhaite néanmoins compiler un manuel ayant une signification plus pratique. Pour parler franchement, si vous avez besoin d'utiliser des expressions régulières à l'avenir, venez simplement les copier et coller ! Je ferai de mon mieux pour rendre la mise en page aussi belle que possible afin que chacun puisse améliorer l'efficacité du développement. Ce qui précède est une utilisation concise des expressions régulières Javascript. Veuillez passer à la dernière section pour le contenu pratique.

Trois modificateurs

Il existe trois modificateurs dans les expressions régulières Javascript : i, g, m

Après l'ajout de i, la correspondance régulière n'est plus sensible à la casse (la valeur par défaut est la casse -sensible) :

var reg = /j/;
reg.test('Javascript'); //结果为false
var reg2 = /j/i;
reg2.test('Javascript'); //结果为true

javascript

Après l'ajout de g, la correspondance globale sera effectuée (par défaut, elle s'arrêtera après une correspondance une fois) :

var reg = /a/;
'Javascript'.replace(reg,'e'); //结果为Jevascript
var reg2 = /a/g;
'Javascript'.replace(reg2,'e'); //结果为Jevescript

javascript

Après l'ajout de m, une correspondance multi-lignes sera effectuée (une seule ligne par défaut) :

var reg = /^s/;
reg.test('Java\nscript'); //结果为false
var reg2 = /^s/m;
reg2.test('Java\nscript'); //结果为true

javascript

implique des expressions La méthode de formule

Beaucoup de gens peuvent être confus quant aux fonctions utilisées par les expressions régulières. Voici quelques méthodes couramment utilisées :

La chaîne est suivie de 3 fonctions courantes : match(reg) (. return Matched string), replace(reg,'...') (remplacer le contenu), search(reg) (renvoie la position de départ du contenu correspondant)

Les expressions régulières sont suivies de 2 fonctions couramment utilisées : test(string) (renvoie s'il y a une correspondance), exec(string) (renvoie la chaîne correspondante)

Déclaration d'expression régulière

Il existe deux méthodes de déclaration, qui peuvent être utilisées selon la situation spécifique :

var reg = /a/; // 普通声明方式,大多数情况下使用
var reg2 = new RegExp('a','g'); // 字符串声明方式,部分情况特别有用

Utilisation pratique des expressions régulières JS

Expression régulière JS pour boîte aux lettres :

var mailReg = /^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

Expression régulière JS pour téléphone mobile :

var phoneReg = /^1\d{10}$/;

Expression régulière JS pour la carte d'identité :

var idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

Expression régulière JS pour le nom (caractères chinois) :

var nameReg = /^[\u4e00-\u9fa5]{2,4}$/; // 2-4位的汉字名字

Expression régulière JS pour le nom de domaine commun :

var urlReg = /^(http(s)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/\w+\.\w+)*([\?&]\w+=\w*)*$/; // https或http协议的url

Expression régulière JS pour le nom d'utilisateur :

var userNameReg = /^[A-Za-z0-9-_]*$/; // 用户名为数字英文下划线或短划线

Expression régulière JS pour le numéro QQ :

var qqReg = /^[1-9][0-9]{4,}$/;

Expression régulière JS pour le code postal :

var mailReg = /^[1-9][0-9]{5}$/;

Expression régulière JS pour les balises HTML :

var tagReg = /<[^>]+>/; //可以用来去掉html文本中的标签,得到纯文字

Expression régulière JS pour la date :

var dateReg = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/; //YYYY-MM-dd格式,短线可以视情况替换

Expression régulière JS pour l'heure :

var timeReg = /^([0-1]\d|2[0-3]):[0-5]\d:[0-5]\d$/; //HH:mm:ss格式,冒号可以视情况替换

Voici quelques expressions régulières JS couramment utilisées

Recommandations associées :

Comment js formate-t-il et met-il en évidence les chaînes XML ? (Avec code)

Série d'expressions régulières de base 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!

Déclaration:
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