主页 > 教程合集 > Html/css >

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

时间:2019-10-13 阅读:0

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

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
 

本站所有资源均在Resource资源站有分享,你可以点击 >>> Resource 进入资源站自助提取,也可以扫描以下店铺二维码直接选购,自动极速发货

余斗微信二维码

扫描微信加好友咨询
了解更多

余斗淘宝店铺二维码

淘宝扫描二维码购买
自动发货

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2019-10-13最后更新,转载注明出处。

相关推荐

返回顶部