JS正則表達式精簡教程（JavaScript RegExp 對象）

ACb0y 發布于2019-08-23 15:26 / 1365人閱讀

摘要：返回值是被找到的值。支持正則表達式的對象的方法方法檢索與正則表達式相匹配的子字符串。該數組是通過在指定的邊界處將字符串分割成子串創建的。注意報錯正確示例附表修飾符修飾符描述執行對大小寫不敏感的匹配。查找以十六進制數規定的字符。

什么是 RegExp？

RegExp 是正則表達式的縮寫。

當您檢索某個文本時，可以使用一種模式來描述要檢索的內容。RegExp 就是這種模式。

簡單的模式可以是一個多帶帶的字符。

更復雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。

您可以規定字符串中的檢索位置，以及要檢索的字符類型，等等。

定義 RegExp

const pattern = new RegExp("str");

RegExp 對象的方法

test()

exec()

compile()

test() 方法檢索字符串中的指定值。返回值是 true 或 false。

const pattern = new RegExp("str");
console.log(pattern.test("input string")); // true

exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發現匹配，則返回 null。

const pattern = new RegExp("str");
console.log(pattern.test("input string")); // [ "str", index: 6, input: "input string", groups: undefined ]

compile() 方法用于改變 RegExp（既可以改變檢索模式，也可以添加或刪除第二個參數）。

const pattern = new RegExp("e");
console.log(pattern.test("The best things in life are free"));
pattern.compile("d");
console.log(pattern.test("The best things in life are free"));

支持正則表達式的 String 對象的方法

search()

match()

replace()

split()

search()方法檢索與正則表達式相匹配的子字符串。search() 方法不執行全局匹配，它將忽略標志 g。它同時忽略 regexp 的 lastIndex 屬性，并且總是從字符串的開始進行檢索，這意味著它總是返回 stringObject 的第一個匹配的位置。

// stringObject.search(regexp) 語法 (匹配不上時返回 -1)

const stringObj = "Hello world";
const result = stringObj.search(/l{3}/);
console.log(result); // -1

match() 方法可在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配。該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

// stringObject.match(regexp) 語法 (匹配不上時返回 null)

const stringObj = "Hello world";
const result = stringObj.match(/l{2}/);
console.log(result); // [ "ll", index: 2, input: "Hello world", groups: undefined ]

replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。
字符串 stringObject 的 replace() 方法執行的是查找并替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串，然后用 replacement 來替換這些子串。如果 regexp 具有全局標志 g，那么 replace() 方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。

// stringObject.replace(regexp/substr,replacement) 語法 (匹配不上時返回原字符串)

const stringObj = "Hello world";
const result = stringObj.replace(/l{2}/,"ii");
console.log(result); // Heiio world

split() 方法用于把一個字符串分割成字符串數組。
返回一個字符串數組。該數組是通過在 separator 指定的邊界處將字符串 stringObject 分割成子串創建的。返回的數組中的字串不包括 separator 自身。
但是，如果 separator 是包含子表達式的正則表達式，那么返回的數組中包括與這些子表達式匹配的字串（但不包括與整個正則表達式匹配的文本）。

// stringObject.split(separator,howmany) 語法 (匹配不上時返回 [stringObject])

const stringObj = "Hello world";
const result = stringObj.split(/l{2}/);
console.log(result) // [ "He", "o world" ]

RegExp 參數

直接量語法

/pattern/attributes

創建 RegExp 對象的語法

new RegExp(pattern, attributes);

參數 pattern 是一個字符串，指定了正則表達式的模式或其他正則表達式。

參數 attributes 是一個可選的字符串，包含屬性 "g"、"i" 和 "m"，分別用于指定全局匹配、區分大小寫的匹配和多行匹配。ECMAScript 標準化之前，不支持 m 屬性。如果 pattern 是正則表達式，而不是字符串，則必須省略該參數。

注意

const reg = /str/;
const newReg = reg.compile(reg, "i"); // 報錯
console.log(newReg.test("string"))

// 正確示例
const reg = /str/;
const newReg = new RegExp(reg, "i");
console.log(newReg.test("string"));

附表

修飾符

修飾符	描述
i	執行對大小寫不敏感的匹配。
g	執行全局匹配
m	執行多行匹配

方括號

表達式	描述
[abc]	查找方括號之間的任何字符
¹	查找任何不在方括號之間的任何字符
[0-9]	查找任何從0至9的數字
[a-z]	查找任何從小寫a至小寫z的字符
[A-Z]	查找任何從大寫A至大寫Z的字符
[A-z]	查找任何從大寫A至小寫z的字符
[adgk]	查找給定集合內的任何字符
[^adgk]	查找給定集合外的任何字符
(red \| blue \|green)	查找任何指定的選項

元字符

元字符	描述
.	查找單個字符，除了換行和行結束符。
w	查找單詞字符。
W	查找非單詞字符。
d	查找數字字符。
D	查找非數字字符。
s	查找空白字符。
S	查找非空白字符。
b	匹配單詞邊界。
B	匹配非單詞邊界。
0	查找 NUL 字符。
n	查找換行符。
f	查找換頁符。
r	查找回車符。
t	查找制表符。
v	查找垂直制表符。
xxx	查找以八進制數 xxx 規定的字符。
xdd	查找以十六進制數 dd 規定的字符。
uxxxx	查找以十六進制數 xxxx 規定的 Unicode 字符。

量詞

元字符	描述
n+	匹配任何包含至少一個 n 的字符串。
n*	匹配任何包含零個或多個 n 的字符串。
n?	匹配任何包含零個或一個 n 的字符串。
n{X}	匹配包含 X 個 n 的序列的字符串。
n{X,Y}	匹配包含 X 至 Y 個 n 的序列的字符串。
n{X,}	匹配包含至少 X 個 n 的序列的字符串。
n$	匹配任何結尾為 n 的字符串。
^n	匹配任何開頭為 n 的字符串。
?=n	匹配任何其后緊接指定字符串 n 的字符串。
?!n	匹配任何其后沒有緊接指定字符串 n 的字符串。

abc ?

云服務器 GPU云服務器 js正則表達式regexp java正則表達式教程座機正則表達式 js js域名正則表達式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/102051.html

前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
js溫故而知新5——學習廖雪峰的js教程

摘要：表示行的結束，表示必須以數字結束。用表示的就是要提取的分組。方法在匹配成功后，會返回一個，第一個元素是正則表達式匹配到的整個字符串，后面的字符串表示匹配成功的子串。貪婪匹配需要特別指出的是，正則匹配默認是貪婪匹配，也就是匹配盡可能多的字符。對象 typeof 123; // number typeof NaN; // number typeof str; // string type...

mayaohua 2019-08-21 11:36 評論0 收藏0
JavaScript標準庫系列——RegExp對象（三）

摘要：目錄導語理解正則表達式模式的規則字符串和正則實例的屬性和方法檢索實例小結導語正則表達式是處理字符串的一門藝術手法，應用場景經常出現在表單驗證部分高級程序設計一書開篇提到，這門語言最原始的應用就是處理輸入驗證操作，所以正則表達式從誕生那一刻就目錄導語 1.理解正則表達式 2.模式的規則 3.字符串和正則實例的屬性和方法 4.檢索實例 5. 小結導語正則表達式是處理字符串的一門藝...

邱勇 2019-08-21 11:28 評論0 收藏0
正則表達式

摘要：本文內容共正則表達式火拼系列正則表達式回溯法原理學習正則表達式，是需要懂點兒匹配原理的。正則表達式迷你書問世了讓幫你生成和解析參數字符串最全正則表達式總結驗證號手機號中文郵編身份證地址等是正則表達式的縮寫，作用是對字符串執行模式匹配。 JS 的正則表達式正則表達式一種幾乎可以在所有的程序設計語言里和所有的計算機平臺上使用的文字處理工具。它可以用來查找特定的信息（搜索），也可以用來查...

bang590 2019-08-22 13:59 評論0 收藏0
溫故js系列（5）-正則表達式&常用代碼

摘要：的對象表示正則表達式，而和都定義了使用正則表達式進行強大的模式匹配和文本檢索與替換的函數。對象也提供了個使用正則表達式的方法。如正則表達式將匹配除了和所有大寫字母之外的任何字符。前端學習：教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總歡迎提issues斧正：正則表達式 JavaScript-正則表達式正則表達式簡述正則表達式(re...

glumes 2019-08-21 14:04 評論0 收藏0