正則表達式怎么在JavaScript中使用

正則表達式怎么在JavaScript中使用？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

簡介

簡單的說，正則表達式是一種可以用于模式匹配和替換的強有力的工具。其作用如下：
測試字符串的某個模式。例如，可以對一個輸入字符串進行測試，看在該字符串是否存在一個電話號碼模式或一個信用卡號碼模式。這稱為數據有效性驗證。
替換文本。可以在文檔中使用一個正則表達式來標識特定文字，然后可以全部將其刪除，或者替換為別的文字。
根據模式匹配從字符串中提取一個子字符串。可以用來在文本或輸入字段中查找特定文字。

基本語法

在對正則表達式的功能和作用有了初步的了解之后，我們就來具體看一下正則表達式的語法格式。

正則表達式的形式一般如下：

/love/其中位于“/”定界符之間的部分就是將要在目標對象中進行匹配的模式。用戶只要把希望查找匹配對象的模式內容放入“/”定界符之間即可。為了能夠使用戶更加靈活的定制模式內容，正則表達式提供了專門的“元字符”。所謂元字符就是指那些在正則表達式中具有特殊意義的專用字符，可以用來規定其前導字符(即位于元字符前面的字符)在目標對象中的出現模式。
較為常用的元字符包括： “+”， “*”，以及 “?”。
“+”元字符規定其前導字符必須在目標對象中連續出現一次或多次。
“*”元字符規定其前導字符必須在目標對象中出現零次或連續多次。
“?”元字符規定其前導對象必須在目標對象中連續出現零次或一次。

下面，就讓我們來看一下正則表達式元字符的具體應用。

/fo+/因為上述正則表達式中包含“+”元字符，表示可以與目標對象中的 “fool”, “fo”, 或者 “football”等在字母f后面連續出現一個或多個字母o的字符串相匹配。
/eg*/因為上述正則表達式中包含“*”元字符，表示可以與目標對象中的 “easy”, “ego”, 或者 “egg”等在字母e后面連續出現零個或多個字母g的字符串相匹配。
/Wil?/因為上述正則表達式中包含“?”元字符，表示可以與目標對象中的 “Win”, 或者“Wilson”,等在字母i后面連續出現零個或一個字母l的字符串相匹配。

有時候不知道要匹配多少字符。為了能適應這種不確定性，正則表達式支持限定符的概念。這些限定符可以指定正則表達式的一個給定組件必須要出現多少次才能滿足匹配。

{n} n 是一個非負整數。匹配確定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的兩個 o。
{n,} n 是一個非負整數。至少匹配 n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等價于 'o+'。'o{0,}' 則等價于 'o*'。
{n,m} m 和 n 均為非負整數，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價于 'o?'。請注意在逗號和兩個數之間不能有空格。
除了元字符之外，用戶還可以精確指定模式在匹配對象中出現的頻率。例如，/jim {2,6}/ 上述正則表達式規定字符m可以在匹配對象中連續出現2-6次，因此，上述正則表達式可以同jimmy或jimmmmmy等字符串相匹配。

在對如何使用正則表達式有了初步了解之后，我們來看一下其它幾個重要的元字符的使用方式。
\s：用于匹配單個空格符，包括tab鍵和換行符;
\S：用于匹配除單個空格符之外的所有字符;
\d：用于匹配從0到9的數字;
\w：用于匹配字母，數字或下劃線字符;
\W：用于匹配所有與\w不匹配的字符;
. ：用于匹配除換行符之外的所有字符。

(說明：我們可以把\s和\S以及\w和\W看作互為逆運算)

下面，我們就通過實例看一下如何在正則表達式中使用上述元字符。

/\s+/ 上述正則表達式可以用于匹配目標對象中的一個或多個空格字符。
/\d000/　如果我們手中有一份復雜的財務報表，那么我們可以通過上述正則表達式輕而易舉的查找到所有總額達千元的款項。
除了我們以上所介紹的元字符之外，正則表達式中還具有另外一種較為獨特的專用字符，即定位符。定位符用于規定匹配模式在目標對象中的出現位置。 較為常用的定位符包括： “^”, “$”, “\b” 以及 “\B”。
“^”定位符規定匹配模式必須出現在目標字符串的開頭
“$”定位符規定匹配模式必須出現在目標對象的結尾
“\b”定位符規定匹配模式必須出現在目標字符串的開頭或結尾的兩個邊界之一
“\B”定位符則規定匹配對象必須位于目標字符串的開頭和結尾兩個邊界之內，
即匹配對象既不能作為目標字符串的開頭，也不能作為目標字符串的結尾。
同樣，我們也可以把“^”和“$”以及“\b”和“\B”看作是互為逆運算的兩組定位符。舉例來說： /^hell/　因為上述正則表達式中包含“^”定位符，所以可以與目標對象中以 “hell”, “hello”或“hellhound”開頭的字符串相匹配。 /ar$/　因為上述正則表達式中包含“$”定位符，所以可以與目標對象中以 “car”, “bar”或 “ar” 結尾的字符串相匹配。 /\bbom/　因為上述正則表達式模式以“\b”定位符開頭，所以可以與目標對象中以 “bomb”, 或 “bom”開頭的字符串相匹配。/man\b/　因為上述正則表達式模式以“\b”定位符結尾，所以可以與目標對象中以 “human”, “woman”或 “man”結尾的字符串相匹配。
為了能夠方便用戶更加靈活的設定匹配模式，正則表達式允許使用者在匹配模式中指定某一個范圍而不局限于具體的字符。例如：
/[A-Z]/上述正則表達式將會與從A到Z范圍內任何一個大寫字母相匹配。
/[a-z]/上述正則表達式將會與從a到z范圍內任何一個小寫字母相匹配。
/[0-9]/ 　上述正則表達式將會與從0到9范圍內任何一個數字相匹配。
/([a-z][A-Z][0-9])+/　上述正則表達式將會與任何由字母和數字組成的字符串，如 “aB0” 等相匹配。

這里需要提醒用戶注意的一點就是可以在正則表達式中使用 “()” 把字符串組合在一起。“()”符號包含的內容必須同時出現在目標對象中。因此，上述正則表達式將無法與諸如 “abc”等的字符串匹配，因為“abc”中的最后一個字符為字母而非數字。
如果我們希望在正則表達式中實現類似編程邏輯中的“或”運算，在多個不同的模式中任選一個進行匹配的話，可以使用管道符 “|”。例如：/to|too|2/　上述正則表達式將會與目標對象中的 “to”, “too”, 或 “2” 相匹配。
正則表達式中還有一個較為常用的運算符，即否定符 “[^]”。與我們前文所介紹的定位符 “^” 不同，否定符 “[^]”規定目標對象中不能存在模式中所規定的字符串。例如：/[^A-C]/　上述字符串將會與目標對象中除A，B，和C之外的任何字符相匹配。一般來說，當“^”出現在 “[]”內時就被視做否定運算符;而當“^”位于“[]”之外，或沒有“[]”時，則應當被視做定位符。
最后，當用戶需要在正則表達式的模式中加入元字符，并查找其匹配對象時，可以使用轉義符“\”。例如：/Th\*/ 　上述正則表達式將會與目標對象中的“Th*”而非“The”等相匹配。

在構造正則表達式之后，就可以象數學表達式一樣來求值，也就是說，可以從左至右并按照一個優先級順序來求值。優先級如下：

1.\ 轉義符
2.(), (?:), (?=), [] 圓括號和方括號
3.*, +, ?, {n}, {n,}, {n,m} 限定符
4.^, $, \anymetacharacter 位置和順序
5.|“或”操作

使用實例

在JavaScript 1.2中帶有一個功能強大的RegExp()對象，可以用來進行正則表達式的匹配操作。其中的test()方法可以檢驗目標對象中是否包含匹配模式，并相應的返回true或false。
我們可以使用JavaScript編寫以下腳本，驗證用戶輸入的郵件地址的有效性。
正則表達式對象
　　本對象包含正則表達式模式以及表明如何應用模式的標志。
　　語法 1 re = /pattern/[flags]
　　語法 2 re = new RegExp("pattern",["flags"])
　　參數
　　re
　　必選項。將要賦值為正則表達式模式的變量名。
　　Pattern
　　必選項。要使用的正則表達式模式。如果使用語法 1，用 "/" 字符分隔模式。如果用語法 2，用引號將模式引起來。
　　Flags
　　可選項。如果使用語法 2 要用引號將 flag 引起來。標志可以組合使用，可用的有：
　　g (全文查找出現的所有 pattern)
　　i (忽略大小寫)
　　m (多行查找)

　　示例

　　下面的示例創建一個包含正則表達式模式及相關標志的對象(re)，向您演示正則表達式對象的用法。在本例中，作為結果的正則表達式對象又用于 match 方法中：

復制代碼 代碼如下:

function MatchDemo()
　　{
　　var r, re; // 聲明變量。
　　var s = "The rain in Spain falls mainly in the plain";
　　re = new RegExp("ain","g"); // 創建正則表達式對象。
　　r = s.match(re); // 在字符串 s 中查找匹配。
　　return(r);
　　}

看完上述內容，你們掌握正則表達式怎么在JavaScript中使用的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！