JS Regular Expression 可以使js編程更加的高效悔政，在很多常見需要繁瑣的校驗(yàn)的例子中能夠用正則表達(dá)式來快速解決問題汤徽，比如校驗(yàn)手機(jī)號格式涵叮，日期格式坤邪，郵件格式熙含，密碼設(shè)置等等。
如何創(chuàng)建一個(gè)正則表達(dá)式
JS 中創(chuàng)建Regular Expression有兩種方式
- 斜杠/艇纺， eg：
const reg = /abc/;
reg.test('abc') // true
- RegExp構(gòu)造器怎静，new RegExp('pattern', 'flags'), eg:
const reg = new RegExp('abc');
reg.test('abc'); // true
flags有兩個(gè)：
g --- 全局匹配，在匹配到第一次的時(shí)候不會返回黔衡；
i --- 不區(qū)分大小寫
const reg = /abc/g; // equals to new RegExp('abc', 'g')
reg.test('abc abc') // true 在第一次match到abc的時(shí)候不會返回蚓聘，而是繼續(xù)匹配
const reg2 = /abc/i; // equals to new RegExp('abc', 'i')
reg2.test('Abc'); // true 不區(qū)分大小寫
常見的特殊字符
字符集[XYZ]
[XYZ] --- 匹配括號里的任何一個(gè)字符，除了否定字符^盟劫，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, 因?yàn)?不是字母而是數(shù)字
同理侣签，[0-9]匹配所有數(shù)字塘装，[A-Z]匹配所有大寫字母
元字符
元字符 --- 用反斜杠和字母代表特殊的含義，常見的元字符如下：
\d --- 匹配所有數(shù)字影所，相當(dāng)于[0-9]
\D --- 匹配所有非數(shù)字氢哮，相當(dāng)于[^0-9]
\w --- 匹配所有字母數(shù)字和下劃線，相當(dāng)于[a-zA-Z0-9_]
\W --- 匹配非word字符型檀，相當(dāng)于[^a-zA-Z0-9_]
\s --- 匹配所有空字符，例如空格听盖，tab胀溺，換行等
\S --- 匹配所有非空字符裂七，相當(dāng)于[^\s]
\t --- 匹配tab
\b --- 匹配首字符或結(jié)束字符，即boundary
量詞
量詞是指具有特殊含義的符號
. --- 匹配除了換行以外的字符
+ --- 匹配之前的表達(dá)式1或多次
const reg = /f\d+f/;
reg.test('f9f'); // true
reg.test('f123423f'); // true
* --- 匹配之前的表達(dá)式0或多次
const reg = /f\d*f/;
reg.test('ff'); // true
reg.test('f967f'); // true
? --- 匹配之前的表達(dá)式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
$ --- 匹配結(jié)束字符
const reg = /\d$/; // 以數(shù)字結(jié)尾的表達(dá)式
reg.test('999'); // true
reg.test('i18n'); // false
{N} --- 匹配之前表達(dá)式N次
const reg = /fk{3}f/; // 以數(shù)字結(jié)尾的表達(dá)式
reg.test('fkkkf'); // true
reg.test('fkf'); // false
{N,} --- 匹配之前表達(dá)式至少N次
{N,M} --- 匹配之前表達(dá)式至少N次背零，最多M次
X|Y --- 匹配 X 或者 Y
const reg = /I\'m (18|19)/;
reg.test('I\'m 18'); // true
reg.test('I\'m 20'); // false
好了，列舉了這么多常見的正則表達(dá)式无埃，下面來做幾個(gè)簡單的練習(xí)：
- 如何用正則表達(dá)式校驗(yàn)手機(jī)號格式是否正確：
const phoneNoReg = /^\d{11}$/;
phoneNoReg.test('18612345678'); // true
// ^代表開始徙瓶，\d代表數(shù)字0-9，{11}代表重復(fù)11遍嫉称，$代表結(jié)束
- 校驗(yàn)郵件地址格式是否規(guī)范：
const emailReg = /^\w+@[0-9a-z]+\.com/;
emailReg.test('123@abc.com'); // true
- 只包含數(shù)字侦镇，字母，下劃線的長度在8-12位之間的密碼格式校驗(yàn)：
const pswReg = /^\w{8,12}$/;
pswReg.test('ad87HN_kk'); // true
- 校驗(yàn)日期是否符合YYYY-MM-DD格式：
const dateReg = /^\d{4}(-\d{2}){2}$/;
dateReg.test('2020-07-06'); // true
Thanks
歡迎下方評論织阅，感興趣的同學(xué)可以關(guān)注小編壳繁，繼續(xù)留意小編的其他文章哦
