React Native开发Web前端之路HTML5

JS正则表达式基础

2019-07-05  本文已影响1人  AvenKe

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

如何创建一个正则表达式

JS 中创建Regular Expression有两种方式

  1. 斜杠/, eg:
const reg = /abc/;
reg.test('abc') // true
  1. Reg 构造器,new Reg('pattern', 'flags'), eg:
const reg = new Reg('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]
\t --- 匹配tab
\b --- 匹配首字符或结束字符,即boundary

量词

量词是指具有特殊含义的符号
. --- 匹配除了换行以外的字符
+ --- 匹配之前的表达式1或多次

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

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

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

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

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

^ 匹配起始字符

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

$ --- 匹配结束字符

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

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

const reg = /fk{3}f/; // 以数字结尾的表达式
reg.test('fkkkf'); // true
reg.test('fkf'); // 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遍,$代表结束
  1. 校验邮件地址格式是否规范:
const emailReg = /^\w+@[0-9a-z]+\.com/;
emailReg.test('123@abc.com'); // true
  1. 只包含数字,字母,下划线的长度在8-12位之间的密码格式校验:
const pswReg = /^\w{8,12}$/;
pswReg.test('ad87HN_kk'); // true
  1. 校验日期是否符合YYYY-MM-DD格式:
const dateReg = /^\d{4}(-\d{2}){2}$/;
dateReg.test('2020-07-06'); // true

Thanks

欢迎下方评论,感兴趣的同学可以关注小编,继续留意小编的其他文章哦😊

上一篇 下一篇

猜你喜欢

热点阅读