{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

JS正则表达式的一些基本技巧

JS Regular Expression 可以使js编程更加的高效,在很多常见需要繁琐的校验的例子中能够用正则表达式来快速解决问题,比如校验手机号格式,日期格式,邮件格式,密码设置等等。

如何创建一个正则表达式

JS 中创建Regular Expression有两种方式

1.斜杠/, eg:


const reg =/abc/;
reg.test('abc') // true
 

2.RegExp构造器,new RegExp('pattern', 'flags'), eg:


const reg = new RegExp('abc');
reg.test('abc'); // true
 

flags有两个:

g --- 全局匹配,在匹配到第一次的时候不会返回;

i --- 不区分大小写


const reg =/abc/g; // equals to new RegExp('abc', 'g')
reg.test('abc abc') // true 在第一次match到abc的时候不会返回,而是继续匹配
const reg2 =/abc/i; // equals to new RegExp('abc', 'i')
reg2.test('Abc'); // true 不区分大小写
 

常见的特殊字符

字符集[XYZ]

[XYZ] --- 匹配括号里的任何一个字符,除了否定字符^,eg:


const reg =/[ay]dfh/;
reg.test('adfh'); // true
reg.test('ydfh'); // true
reg.test('bdfh'); // false
 

否定字符集[^XYZ]

[^XYZ] --- 匹配除了中括号里的字符,eg:


const reg =/[^abc]/;
reg.test('a'); // false
reg.test('d'); // true
 

范围字符集[a-z]

[a-z] --- 匹配所有a-z的小写字母,eg:


const reg =/[a-z]fg/;
reg.test('dfg'); // true
reg.test('6fg'); // false, 因为6不是字母而是数字
 

同理,[0-9]匹配所有数字,[A-Z]匹配所有大写字母

元字符

元字符 --- 用反斜杠和字母代表特殊的含义,常见的元字符如下:

d --- 匹配所有数字,相当于[0-9]

D --- 匹配所有非数字,相当于[^0-9]

w --- 匹配所有字母数字和下划线,相当于[a-zA-Z0-9_]

W --- 匹配非word字符,相当于[^a-zA-Z0-9_]

s --- 匹配所有空字符,例如空格,tab,换行等

S --- 匹配所有非空字符,相当于[^s]

--- 匹配tab

 --- 匹配首字符或结束字符,即boundary

量词

量词是指具有特殊含义的符号

. --- 匹配除了换行以外的字符

+ --- 匹配之前的表达式1或多次


const reg =/fd+f/;
reg.test('f9f'); // true
reg.test('f123423f'); // true
 

* --- 匹配之前的表达式0或多次


const reg =/fd*f/;
reg.test('ff'); // true
reg.test('f967f'); // true
 

? --- 匹配之前的表达式0或1次,代表该字符可选


const reg =/fd?f/;
reg.test('f8f'); // true
reg.test('ff'); // true
reg.test('f56f'); // false
 

^ 匹配起始字符


const reg =/^g/;
reg.test('good'); // true
reg.test('bad'); // false
 

{N} --- 匹配之前表达式N次


const reg =/d$/; // 以数字结尾的表达式
reg.test('999'); // true
reg.test('i18n'); // false
 

{N,} --- 匹配之前表达式至少N次

{N,M} --- 匹配之前表达式至少N次,最多M次

X|Y --- 匹配 X 或者 Y


const reg =/I'm (18|19)/;
reg.test('I'm 18'); // true
reg.test('I'm 20'); // false
 

好了,列举了这么多常见的正则表达式,下面来做几个简单的练习:

1.用正则表达式校验手机号格式是否正确:


const phoneNoReg =/^d{11}$/;
phoneNoReg.test('18612345678'); // true
// ^代表开始,d代表数字0-9,{11}代表重复11遍,$代表结束
 

2.邮件地址格式是否规范:


const emailReg =/^w+@[0-9a-z]+.com/;
emailReg.test('123@abc.com'); // true
 

3.只包含数字,字母,下划线的长度在8-12位之间的密码格式校验:


const pswReg =/^w{8,12}$/;
pswReg.test('ad87HN_kk'); // true
 

4.校验日期是否符合YYYY-MM-DD格式:


const dateReg =/^d{4}(-d{2}){2}$/;
dateReg.test('2020-07-06'); // true
 
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:JS正则表达式的一些基本技巧
喜欢 ()分享 (0)