JavaScript正則表達式知識匯總

最後更新：2017-06-10 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：案例 font 擷取網頁語句來源運用模式使用 max

Js 正則表達式知識匯總

正則表達式：

1、什麼是RegExp?RegExp是正則表達式的縮寫。RegExp 對象用於規定在文本中檢索的內容。

2、定義RegExp：var +變數名=new RegExp();

3、RegExp 對象有 3 個方法：

1）test()檢索字串中的指定值，傳回值是true或false.

var p1=new Reg("e");document.write(Reg.test("welcome to China!"));

2）exec()

var p1=new Reg("e");document.write(Reg.exec("welcome to China!"));

3） compile()

var p1=new Reg("e");document.write(Reg.compile("welcome to China!"));

4、修飾符

1）i 運行對大寫和小寫不敏感的匹配

2）g 運行全域匹配

3）m 運行多行匹配

5、方括弧(用於尋找某個範圍內的字元)

1）[abc] 尋找方括弧之間的不論什麼字元

2）[^abc] 尋找不論什麼不在方括弧之間的字元

3）[0-9] 尋找不論什麼0-9之間的數字

4）[a-z] 尋找不論什麼小寫a-z之間的字元

5）[A-Z]尋找不論什麼大寫A-Z之間的字元

6）[A-z] 尋找不論什麼大寫A-小寫z之間的字元

7）[adgk] 尋找給定集合內的不論什麼字元

8）[^adgk]尋找給定集合外的不論什麼字元

9）（red|biue|green）尋找不論什麼給定的選項

6、元字元

1）\w:尋找單詞字元

2）\W:尋找非單詞字元

3）\d：尋找數字

4）\D：尋找非數字字元

7、量詞

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 的字串。

【練習題1】推斷輸入身份證格式是否正確

<body><label>請輸入社會安全號碼：</label><input name="" type="text" id="shenfen"/><input name="" type="submit" id="textfi" value="提交1" onclick="test()"/><!--提交button，觸發函數--></body></html><!--推斷身份證是否輸入正確--><script>function test(){var reg=new RegExp(/^[0-9]{17}[0-9|X]$/);<!--正則表達式的格式：以/^開頭，以$/結尾，數字、字母範圍用中括弧-->var text=document.getElementById("shenfen").value;<!--輸入文字框的字串的id跟文字框的id相應-->//推斷地區是否合法（用if...else）if(reg.test(text)){alert("輸入正確")}else{alert("輸入錯誤");}}</script>

：

【練習題2】推斷輸入的郵箱格式是否正確

<body><label>請輸入您的郵箱：</label><input name="" type="text" id="youxiang"/><input name="" type="submit" value="提交2" onclick="y()" /></body></html><script>function y(){var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);var shuru=document.getElementById("youxiang").value; <!--定義變數，調用的是整個function,,必須把變數寫在function內-->if(yx.test(shuru))<!--test正則表達式的方法-->{alert("zhengque");}else{alert("cuowu");}}</script>

：

相對來說。js中正則表達式是一個非常重要的點。非常多地方都須要配合正則才行，所以小夥伴一定要學好這塊內容。

參考來源：
Js 正則表達式
http://www.lai18.com/content/351738.html

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JavaScript正則表達式知識匯總

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support