寫給前端的正則表達式入門

1. 概覽

在 JavaScript 中，使用 // 便可建立一個正則表達式對象，固然也可使用 new RegExp()

經常使用的跟正則相關的方法有 match、test 和 replace。
其中 match，replace 都是字符串上的方法， test 是正則對象上的方法。

下面看具體的圖示：

2. 匹配單字符

1. /reg/ 能夠直接匹配具體的字符串 reg。
2. /[arzy]/ 中的中括號[] 則表明匹配 arzy 中的任意單個字符
3. /[f-h]/ 中的中槓 - 表明匹配字母表順序中 f 到 h 中的任意單個字符
4. /[1-3]/ 則表明匹配數字 1 到 3

3. 正則選項

正則對象的後面也能夠跟選項，JavaScript 中經常使用的選項有：

1. i - 表明忽略大小寫
2. m - 表明多行匹配
3. g - 表明全局匹配（能夠匹配屢次）

4. 邊界匹配

1. ^ - 表明匹配字符串的開頭
2. $ - 表明匹配字符串的結尾

5. 字符匹配

1. . - 能夠匹配除了換行符外的任意字符
2. \d - 能夠匹配任意數字
3. \D - 能夠匹配任意非數字
4. \s - 匹配任意空白字符
5. \S - 匹配任意非空白字符
6. \n - 匹配換行
7. \w - 它其實就等同於 [A-Za-z0-9_]，即匹配字母數字下劃線

6. 量詞匹配

1. * - 匹配 0 次或屢次
2. + - 匹配 1 次或屢次
3. ? - 匹配 0 次或 1 次
4. {3} - 匹配 3 次
5. {2,4} - 匹配 二、3 或 4 次
6. {2,} - 匹配 2 次或屢次

7. 分組

() 小括號在正則中表明分組，通常在 match 方法中用來返回全匹配加上多個分組結果，若是使用了 g 選項，則只返回全匹配。

在小括號中你可使用管道符號 |，它表明或

8. 特殊字符

匹配特殊符號的時候須要加反斜槓 \

JS 中的特殊字符有 ^ $ \ . * + ? () [] {} |

因此若是你須要匹配星號 *，就須要這樣寫：

\*

9. 取非匹配

匹配除了某個字符的任意字符，須要在中括號[] 中使用 ^

至此 ^ 具備兩個含義：

1. 若是用於正則表達式的開頭，表明匹配字符串的開頭
2. 若是用於中括號 [] 內部，則表明匹配非此字符

10. 完

上面只是介紹了正則表達式中的基本用法，在平常開發中基本就夠用了。更深刻的用法好比 貪婪和懶惰、零寬斷言 和 捕獲 ，感興趣的小夥伴能夠自行學習~

正則很強大，可是也不能濫用。若是你寫出了一個很複雜的只有你能看懂的正則，更好的作法是不使用正則去實現它~

參考連接

• 原文連接
• Intro to Regex for Web Developers

歡迎關注個人公衆號：碼力全開（codingonfire）

關注並回復 副業, 獲取技術人的副業祕籍