淺談JS正則RegExp對(duì)象
1、RegExp對(duì)象
- 正則表達(dá)式是描述字符模式的對(duì)象。
- 正則表達(dá)式用于對(duì)字符串模式匹配及檢索替換,是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。
- 參考教材:w3cschool | JavaScript RegExp 對(duì)象
2、語法
2.1 定義
當(dāng)使用 構(gòu)造函數(shù) 創(chuàng)造正則對(duì)象時(shí),需要常規(guī)的字符轉(zhuǎn)義規(guī)則(在前面加反斜杠 \)
/* 比如,以下兩種方式的定義是等價(jià)的 */ // 構(gòu)造函數(shù)方式 const reg = new RegExp("\\w+"); // 字面量方式 const reg = /\w+/;
2.2 修飾符
用于執(zhí)行區(qū)分大小寫和全局匹配
修飾符 | 描述 |
---|---|
i | 執(zhí)行對(duì)大小寫不敏感的匹配。 |
g | 執(zhí)行全局匹配(查找所有匹配而非在找到第一個(gè)匹配后停止)。 |
m | 執(zhí)行多行匹配。 |
/* 栗子 */ const reg = /\w/gi
2.3 方括號(hào)
用于查找某個(gè)范圍內(nèi)的字符:
表達(dá)式 | 描述 |
---|---|
[abc] | 查找方括號(hào)之間的任何字符。 |
[^abc] | 查找任何不在方括號(hào)之間的字符。 |
[0-9] | 查找任何從 0 至 9 的數(shù)字。 |
[a-z] | 查找任何從小寫 a 到小寫 z 的字符。 |
[A-Z] | 查找任何從大寫 A 到大寫 Z 的字符。 |
[A-z] | 查找任何從大寫 A 到小寫 z 的字符。 |
[adgk] | 查找給定集合內(nèi)的任何字符。 |
[^adgk] | 查找給定集合外的任何字符。 |
(red|blue|green) | 查找任何指定的選項(xiàng)。 |
/* 栗子 */ const reg = /[0-9]/g
2.4 元字符
是擁有特殊含義的字符:
元字符 | 描述 |
---|---|
. | 查找單個(gè)字符,除了換行和行結(jié)束符。 |
\w | 查找單詞字符。 |
\W | 查找非單詞字符。 |
\d | 查找數(shù)字。 |
\D | 查找非數(shù)字字符。 |
\s | 查找空白字符。 |
\S | 查找非空白字符。 |
\b | 匹配單詞邊界。 |
\B | 匹配非單詞邊界。 |
\0 | 查找 NUL 字符。 |
\n | 查找換行符。 |
\f | 查找換頁符。 |
\r | 查找回車符。 |
\t | 查找制表符。 |
\v | 查找垂直制表符。 |
\xxx | 查找以八進(jìn)制數(shù) xxx 規(guī)定的字符。 |
\xdd | 查找以十六進(jìn)制數(shù) dd 規(guī)定的字符。 |
\uxxxx | 查找以十六進(jìn)制數(shù) xxxx 規(guī)定的 Unicode 字符。 |
/* 栗子 */ const reg = /\d/g // 匹配數(shù)字
2.5 量詞
是擁有特殊含義的字符:
量詞 | 描述 |
---|---|
n+ | 匹配任何包含至少一個(gè) n 的字符串。 |
n* | 匹配任何包含零個(gè)或多個(gè) n 的字符串。 |
n? | 匹配任何包含零個(gè)或一個(gè) n 的字符串。 |
n{X} | 匹配包含 X 個(gè) n 的序列的字符串。 |
n{X,Y} | 匹配包含 X 至 Y 個(gè) n 的序列的字符串。 |
n{X,} | 匹配包含至少 X 個(gè) n 的序列的字符串。 |
n$ | 匹配任何結(jié)尾為 n 的字符串。 |
^n | 匹配任何開頭為 n 的字符串。 |
?=n | 匹配任何其后緊接指定字符串 n 的字符串。 |
?!n | 匹配任何其后沒有緊接指定字符串 n 的字符串。 |
/* 栗子 */ const reg = /\d+/g // 匹配至少一個(gè)數(shù)字
2.6 方法
是擁有特殊含義的字符:
方法 | 描述 | FF | IE |
---|---|---|---|
compile | 編譯正則表達(dá)式。 | 1 | 4 |
exec | 檢索字符串中指定的值。返回找到的值,并確定其位置。 | 1 | 4 |
test | 檢索字符串中指定的值。返回 true 或 false。 | 1 | 4 |
方法 | 描述 | FF | IE |
---|---|---|---|
search | 檢索與正則表達(dá)式相匹配的值。 | 1 | 4 |
match | 找到一個(gè)或多個(gè)正則表達(dá)式的匹配。 | 1 | 4 |
replace | 替換與正則表達(dá)式匹配的子串。 | 1 | 4 |
split | 把字符串分割為字符串?dāng)?shù)組。 | 1 | 4 |
/* 栗子 */ var patt = /Hello/g var result = patt.test(str) // 查找Hello字串 -> true
到此這篇關(guān)于淺談JS正則RegExp對(duì)象的文章就介紹到這了,更多相關(guān)JS正則RegExp對(duì)象內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS前端canvas交互實(shí)現(xiàn)拖拽旋轉(zhuǎn)及縮放示例
這篇文章主要為大家介紹了JS前端canvas交互實(shí)現(xiàn)拖拽旋轉(zhuǎn)及縮放示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08JavaScript中document.activeELement焦點(diǎn)元素介紹
這篇文章主要給大家分享 JavaScript中document.activeELement焦點(diǎn)元素介紹,下面文章圍繞了document.activeElement屬性展開詳細(xì)內(nèi)容,需要的朋友可以參考一下,希望對(duì)大家有所幫助2021-11-11Thinkphp5微信小程序獲取用戶信息接口的實(shí)例詳解
這篇文章主要介紹了Thinkphp5微信小程序獲取用戶信息接口的實(shí)例詳解的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-09-09前端取消請(qǐng)求及取消重復(fù)請(qǐng)求方式
這篇文章主要為大家介紹了前端取消請(qǐng)求及取消重復(fù)請(qǐng)求方式,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07