這篇文章主要介紹了JS正則表達式常見用法,結合實例形式分析了javascript元字符、分組符、修飾符、量詞基本含義,并結合具體案例形式分析了javascript正則基本使用技巧,需要的朋友可以參考下

本文實例講述了JS正則表達式常見用法。分享給大家供大家參考，具體如下：

前言:正則表達式(regular expression)反反復復學了多次，學了又忘，忘了又學，這次打算把基本的東西都整理出來，加強記憶，也方便下次查詢。

學習正則表達式之前首先需要掌握記憶這些基本概念:

1.元字符:(.,\w,\W,\d,\D,\s,/S,^,$,)

字符含義

.	匹配除了換行符以外的任意字符。
\s	代表任意空白符(換行符，制表符，空格)
\S	匹配任意非空字符串
\b	匹配單詞邊界，匹配單詞的開頭和結尾。
\B	匹配一個非單詞邊界
\d	匹配一個數字,等價于[0-9]
\D	匹配一個非數字,等價于[^0-9]
\w	匹配一個單字字符(字母、數字或者下劃線)等價于[A-Za-z0-9_],例如, /\w/ 匹配 "apple," 中的 'a'，"$5.28,"中的 '5' 和 "3D." 中的 '3'。 \W匹配一個非單字字符。等價于[^A-Za-z0-9_],例如, /\W/ 或者 /[^A-Za-z0-9_]/ 匹配 "50%." 中的 '%'。
\W	匹配一個非單字字符。等價于[^A-Za-z0-9_],例如, /\W/ 或者 /[^A-Za-z0-9_]/ 匹配 "50%." 中的 '%'。
^	匹配字符串的開始用在[]括號里面表示排除,/^A/ 并不會匹配 "an A" 中的 'A'，但是會匹配 "An E" 中的 'A'。
$	匹配字符串的結束。例如，/t$/ 并不會匹配 "eater" 中的 't'，但是會匹配 "eat" 中的 't'。 QQ號必須為5位到12位數字時，可以使用:^\d{5,12}$

我們發現\W加大寫字母都是表示相反的意思。

?

2.分組符([],(),{});

字符含義

()	如果想要重復多個字符該怎么辦?你可以用小括號來指定子表達式(也叫做分組)，然后你就可以指定這個子表達式的重復次數了。eg: (\d{1,3}\.){3}\d{1,3}是一個簡單的IP地址匹配表達式。要理解這個表達式，請按下列順序分析它:\d{1,3}匹配1到3位的數字，(\d{1,3}\.){3}匹配三位數字加上一個英文句號(這個整體也就是這個分組)重復3次，最后再加上一個一到三位的數字(\d{1,3})。
[]	代表一個字符集合。匹配方括號的中任意字符，包括轉義序列。你可以使用破折號(-)來指定一個字符范圍。對于點(.)和星號(*)這樣的特殊符號在一個字符集中沒有特殊的意義。他們不必進行轉義，不過轉義也是起作用的。例如，[abcd] 和[a-d]是一樣的。他們都匹配"brisket"中得‘b',也都匹配“city”中的‘c'。/[a-z.]+/ 和/[\w.]+/都匹配“test.i.ng”中得所有字符。
{}	表示量詞的范圍的。

?

3.修飾符(i,g,m);

字符含義

i	忽略大小寫
g	執行全局匹配
m	執行多行匹配

?

4.量詞(*,?,+,-,{n,m},?=n,?!=n);

字符含義

*	匹配任意次,.*連在一起就意味著任意數量的不包含換行的字符。等價于{0,}
+	匹配前面一個表達式1次或者多次。等價于 {1,}。
?	匹配前面一個表達式0次或者1次。等價于 {0,1}。
{n,m}	匹配n到m次
x(?=y)	匹配'x'僅僅當'x'后面跟著'y'.這種叫做正向肯定查找。 例如，/Jack(?=Sprat)/會匹配到'Jack'僅僅當它后面跟著'Sprat'。/Jack(?=Sprat|Frost)/匹配‘Jack'僅僅當它后面跟著'Sprat'或者是‘Frost'。但是‘Sprat'和‘Frost'都不是匹配結果的一部分。
x(?!y)	匹配'x'僅僅當'x'后面不跟著'y',這個叫做正向否定查找。 例如，/\d+(?!\.)/匹配一個數字僅僅當這個數字后面沒有跟小數點的時候。正則表達式/\d+(?!\.)/.exec("3.141")匹配‘141'但是不是‘3.141'

?

實例解析:

1	var reg = /\(?0\d{2}[) -]?\d{8}/

“(”和“)”也是元字符，后面的分組節里會提到，所以在這里需要使用轉義。
這個表達式可以匹配幾種格式的電話號碼，像(010)88886666，或022-22334455，或02912345678等。我們對它進行一些分析吧:首先是一個轉義字符\(,它能出現0次或1次(?),然后是一個0，后面跟著2個數字(\d{2})，然后是)或-或空格中的一個，它出現1次或不出現(?)，最后是8個數字(\d{8})。

以下通過實例來講解RegExp:

需求一:在一句話英文中匹配一個hi的單詞。

1 2 3 4 5 6 7 8 9 10

var str = 'Hi RegExp I love you so much Hi Hi hi'; var reg = new RegExp("\\bhi\\b","gi");//g是一個修飾符，表示全局匹配。\b是一個元字符，代表單詞邊界，匹配單詞的開頭和結尾。 //直接量語法: reg2 = /\bhi\b/gi; console.log(str.match(reg2));//['hi','hi','hi','hi'] //升級 //匹配hi后面不遠處跟著一個lucy var strlc = /\bhi\b.*\blucy\b/; var luch = 'hi welcome to beijing lucy!!!'; console.log(luch.match(strlc));

需求二:在一句話英文中匹配一個hi的單詞。

1 2 3 4 5 6

var reg = /0\d\d\d-\d\d\d\d\d\d\d\d/;//\d代表一個數字，等價于[0-9],\D匹配一個非數字字符，等價于[^0-9] var tel = "0123-887523146"; console.log(tel.match(reg));//0123-88752314; //這個連續寫多次的方法很笨哎，所以引進了變量。 regTel = /0\d{3}-\d{8}/; console.log(tel.match(regTel));//0123-88752314;

需求三:寫一個清除字符串前后空格的正則表達式。

1 2 3 4 5

String.prototype.trim = function(){return this.replace(/(^\s*)|(\s*$)/g, "");} var str2 = " hi space "//這里前后共有兩個空格 console.log(str2.length);//14 console.log(str2.trim().length);//8 console.log(str2.trim());//hi space

需求四:匹配一個郵箱。

1 2	var eReg = /\S*@\S*\.\S*/; console.log(eReg.test('873619879@qq.com'))//true

參考文章:

https://www.jb51.net/books/513871.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions#
//www.jb51.net/article/72867.htm
https://www.jb51.net/article/107796.htm

PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：

JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

• JS正則表達式大全(整理詳細且實用)
• 比較正宗的驗證郵箱的正則表達式js代碼詳解
• javascript 手機號碼正則表達式驗證函數
• js 常用正則表達式表單驗證代碼
• JS正則表達式驗證數字代碼
• JavaScript正則表達式驗證身份證號碼是否合法(兩種方法)
• 精通JS正則表達式(推薦)
• 用戶名、密碼等15個常用的js正則表達式
• js各種驗證文本框輸入格式(正則表達式)
• js正則表達式中test,exec,match方法的區別說明
• js 替換功能函數，用正則表達式解決，js的全部替換

總結

以上是生活随笔為你收集整理的JS正则表达式常见用法实例详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。