寫(xiě)給前端的正則表達(dá)式入門(mén)
1. 概覽
在 JavaScript 中,使用 // 即可創(chuàng)建一個(gè)正則表達(dá)式對(duì)象,當(dāng)然也可以使用 new RegExp()
常用的跟正則相關(guān)的方法有 match、test 和 replace。
其中 match,replace 都是字符串上的方法, test 是正則對(duì)象上的方法。
下面看具體的圖示:
2. 匹配單字符
- /reg/ 可以直接匹配具體的字符串 reg。
- /[arzy]/ 中的中括號(hào)[] 則代表匹配 arzy 中的任意單個(gè)字符
- /[f-h]/ 中的中杠 - 代表匹配字母表順序中 f 到 h 中的任意單個(gè)字符
- /[1-3]/ 則代表匹配數(shù)字 1 到 3
3. 正則選項(xiàng)
正則對(duì)象的后面也可以跟選項(xiàng),JavaScript 中常用的選項(xiàng)有:
- i - 代表忽略大小寫(xiě)
- m - 代表多行匹配
- g - 代表全局匹配(可以匹配多次)
4. 邊界匹配
- ^ - 代表匹配字符串的開(kāi)頭
- $ - 代表匹配字符串的結(jié)尾
5. 字符匹配
- . - 可以匹配除了換行符外的任意字符
- \d - 可以匹配任意數(shù)字
- \D - 可以匹配任意非數(shù)字
- \s - 匹配任意空白字符
- \S - 匹配任意非空白字符
- \n - 匹配換行
- \w - 它其實(shí)就等同于 [A-Za-z0-9_],即匹配字母數(shù)字下劃線
6. 量詞匹配
- * - 匹配 0 次或多次
- + - 匹配 1 次或多次
- ? - 匹配 0 次或 1 次
- {3} - 匹配 3 次
- {2,4} - 匹配 2、3 或 4 次
- {2,} - 匹配 2 次或多次
7. 分組
() 小括號(hào)在正則中代表分組,一般在 match 方法中用來(lái)返回全匹配加上多個(gè)分組結(jié)果,如果使用了 g 選項(xiàng),則只返回全匹配。
在小括號(hào)中你可以使用管道符號(hào) |,它代表或
8. 特殊字符
匹配特殊符號(hào)的時(shí)候需要加反斜杠 \
JS 中的特殊字符有 ^ $ \ . * + ? () [] {} |
所以如果你需要匹配星號(hào) *,就需要這樣寫(xiě):
\*
9. 取非匹配
匹配除了某個(gè)字符的任意字符,需要在中括號(hào)[] 中使用 ^
至此 ^ 具有兩個(gè)含義:
- 如果用于正則表達(dá)式的開(kāi)頭,代表匹配字符串的開(kāi)頭
- 如果用于中括號(hào) [] 內(nèi)部,則代表匹配非此字符
10. 完
上面只是介紹了正則表達(dá)式中的基本用法,在日常開(kāi)發(fā)中基本就夠用了。更深入的用法比如 貪婪和懶惰、零寬斷言 和 捕獲 ,感興趣的小伙伴可以自行學(xué)習(xí)~
正則很強(qiáng)大,但是也不能濫用。如果你寫(xiě)出了一個(gè)很復(fù)雜的只有你能看懂的正則,更好的做法是不使用正則去實(shí)現(xiàn)它~