1. 概覽

在 JavaScript 中，使用 // 即可創(chuàng)建一個(gè)正則表達(dá)式對(duì)象，當(dāng)然也可以使用 new RegExp()

常用的跟正則相關(guān)的方法有 match、test 和 replace。

其中 match，replace 都是字符串上的方法， test 是正則對(duì)象上的方法。

下面看具體的圖示：

2. 匹配單字符

1. /reg/ 可以直接匹配具體的字符串 reg。

2. /[arzy]/ 中的中括號(hào)[] 則代表匹配 arzy 中的任意單個(gè)字符

3. /[f-h]/ 中的中杠 - 代表匹配字母表順序中 f 到 h 中的任意單個(gè)字符

4. /[1-3]/ 則代表匹配數(shù)字 1 到 3

3. 正則選項(xiàng)

正則對(duì)象的后面也可以跟選項(xiàng)，JavaScript 中常用的選項(xiàng)有：

1. i - 代表忽略大小寫(xiě)

2. m - 代表多行匹配

3. g - 代表全局匹配（可以匹配多次）

4. 邊界匹配

1. ^ - 代表匹配字符串的開(kāi)頭

2. $ - 代表匹配字符串的結(jié)尾

5. 字符匹配

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

6. 量詞匹配

1. * - 匹配 0 次或多次
2. + - 匹配 1 次或多次
3. ? - 匹配 0 次或 1 次
4. {3} - 匹配 3 次
5. {2,4} - 匹配 2、3 或 4 次
6. {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è)含義：

1. 如果用于正則表達(dá)式的開(kāi)頭，代表匹配字符串的開(kāi)頭

2. 如果用于中括號(hào) [] 內(nèi)部，則代表匹配非此字符

10. 完

上面只是介紹了正則表達(dá)式中的基本用法，在日常開(kāi)發(fā)中基本就夠用了。更深入的用法比如 貪婪和懶惰、零寬斷言 和 捕獲 ，感興趣的小伙伴可以自行學(xué)習(xí)

正則很強(qiáng)大，但是也不能濫用。如果你寫(xiě)出了一個(gè)很復(fù)雜的只有你能看懂的正則，更好的做法是不使用正則去實(shí)現(xiàn)它

以上就是淺談前端的正則表達(dá)式的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司其它相關(guān)文章！