javascript正則表達(dá)式學(xué)習(xí)之位置匹配(2)
2020-09-03 15:45saucxs 正則表達(dá)式
4 3.3 (?=p) 和 (?!p) (?=p)其中p是一個子模式，即 p前面的位置 （該位置后面的字符要匹配p） 比如：(?=e)，表示的是e字符前面的位置； ? 1 2 3 var result = hello .r
4"
3.3 (?=p) 和 (?!p)
(?=p)其中p是一個子模式，即 p前面的位置 （該位置后面的字符要匹配p）
比如：(?=e)，表示的是e字符前面的位置；
|
1
2
3
|
var result = "hello".replace(/(?=l)/g, '#');console.log(result);// "he#l#lo" |
而(?!p)就是(?=p)的反面意思
|
1
2
3
|
var result = "hello".replace(/(?!l)/g, '#');console.log(result);// "#h#ell#o#" |
二者的學(xué)名分別是 positive lookahead 和 negative lookahead。
中文翻譯分別是 正向先行斷言 和 負(fù)向先行斷言 。
ES5 之后的版本，會支持 positive lookbehind 和 negative lookbehind。
具體是 (?<=p) 和 (?<!p)。
四、位置特性
對于位置的理解，我們可以累計額成空字符""。
比如"hello"字符串等價于如下形式：
|
1
|
"hello" == "" + "h" + "" + "e" + "" + "l" + "" + "l" + "" + "o" + ""; |
也等價于
|
1
|
"hello" == "" + "" + "hello" |
因此，把 /^hello$/ 寫成 /^^hello$$$/，是沒有任何問題的：
|
1
2
3
|
var result = /^^hello$$$/.test("hello");console.log(result);// true |
也就是說，字符之間的位置，可以寫成多個。
注：把 位置 理解 空字符 ，是對位置非常有效的理解方式
五、相關(guān)案例
5.1不匹配任何東西的正則
/.^/
正則要求 只有一個字符，但是該字符后面是開頭 ，而這樣的字符串是不存在的。
5.2數(shù)字的千分位分隔符表示法
比如吧12345678，變成12,345,678。
分析：那就是需要把相應(yīng)的位置替換成","
5.2.1弄出來最后一個逗號
正則：/(?=\d{3}$)/
|
1
2
|
var result = "12345678".replace(/(?=\d{3}$)/g, ',')console.log(result);// 12345,678 |
其中(?=\d{3}$)匹配\d{3}$前面的位置。而\d{3}$匹配的是目標(biāo)字符串最后那3為數(shù)字。
5.2.2弄出來多有逗號
因為逗號的出現(xiàn)的位置，要求后邊3個數(shù)字一組，也就是\d{3}至少出現(xiàn)1次。
可以使用量詞 + ：
|
1
2
|
var result = "12345678".replace(/(?=(\d{3})+$)/g, ',')console.log(result);// 12,345,678 |
5.2.3匹配其余案例
寫完正則后，是需要舉個別案例來驗證的，就會發(fā)現(xiàn)問題：
|
1
2
|
var result = "123456789".replace(/(?=(\d{3})+$)/g, ',')console.log(result);// ,123,456,789 |
上面的正則，僅僅是表示把從結(jié)尾向前數(shù)，一旦是3的倍數(shù)買酒吧前面的位置替換為逗號。
還需要要求：匹配的這個位置不能是開頭。
我們知道開頭的匹配是使用^，但是不是開頭怎么整？
使用(?!^)
|
1
2
3
|
var regex = /(?!^)(?=(\d{3})+$)/g;var result = "12345678".replace(regex, ',')console.log(result);// "12,345,678"result = "123456789".replace(regex, ',');console.log(result);// "123,456,789" |
5.2.4支持其他形式
如果要把 "12345678 123456789" 替換成 "12,345,678 123,456,789"。
此時我們需要修改正則，把里面的開頭 ^ 和結(jié)尾 $，修改成 \b：
|
1
2
3
|
var string = "12345678 123456789",regex = /(?!\b)(?=(\d{3})+\b)/g;var result = string.replace(regex, ',')console.log(result);// "12,345,678 123,456,789" |
其中(?!\b)怎么理解？
要求是當(dāng)前的一個位置，但不是\b前面的位置，其實(?!\b)說的是\B。
因此最終正則變成了：/\B(?=(\d{3})+\b)/g。
可視化形式：
RegExp：/\B(?=(\d{3})+\b)/g
5.2.5貨幣格式化
千分符表示法一個常見的應(yīng)用就是貨幣格式化。
把這個字符串：
格式化：
$ 1888.00
實現(xiàn)：
|
1
2
3
4
|
function format (num) {return num.toFixed(2).replace(/\B(?=(\d{3})+\b)/g, ",").replace(/^/, "$ ");};console.log( format(1888) );// "$ 1,888.00" |
5.3驗證密碼的問題
密碼長度6-12，由數(shù)字，小寫字母，大寫字母組成，但必須至少包括2種字符。
寫成多個正則來判斷，比較容易，但是要寫成一個正則就比較困難。
來看看我們對于位置的理解是否深刻。
5.3.1簡化
暫時不考慮"必須至少包含2種字符"這個條件，可以容易寫出：
|
1
|
var regex = /^[0-9A-Za-z]{6,12}$/; |
5.3.2判斷是否包含有某一種字符
假設(shè)，要求我們必須包含數(shù)字，怎么整？此時我們可以使用(?=.*[0-9])來實現(xiàn)。
正則變成：
|
1
|
var regex = /(?=.*[0-9])^[0-9A-Za-z]{6,12}$/; |
5.3.3同時包含具體兩種字符
比如同時包含數(shù)字和小寫字母，可以使用(?=.*[0-9])(?=.*[a-z])來實現(xiàn)。
正則變成：
|
1
|
var regex = /(?=.*[0-9])(?=.*[a-z])^[0-9A-Za-z]{6,12}$/; |
5.3.3具體實現(xiàn)
把原題變成下列幾種情況：
1、同時包含數(shù)字和小寫字母；
2、同時包含數(shù)字和大寫字母；
3、同時包含小寫字母和大寫字母；
4、同時包含數(shù)字，小寫字母和大寫字母。
以上的4中情況是 或 的關(guān)系（實際上，第四條可以不用）。
最終答案：
|
1
2
3
4
5
6
7
|
var regex = /((?=.*[0-9])(?=.*[a-z])|(?=.*[0-9])(?=.*[A-Z])|(?=.*[a-z])(?=.*[AZ]))^[0-9A-Za-z]{6,12}$/;console.log( regex.test("1234567") ); // false 全是數(shù)字console.log( regex.test("abcdef") ); // false 全是小寫字母console.log( regex.test("ABCDEFGH") ); // false 全是大寫字母console.log( regex.test("ab23C") ); // false 不足6位console.log( regex.test("ABCDEF234") ); // true 大寫字母和數(shù)字console.log( regex.test("abcdEF234") ); // true 三者都有 |
可視化形式：
RegExp：/((?=.*[0-9])(?=.*[a-z])|(?=.*[0-9])(?=.*[A-Z])|(?=.*[a-z])(?=.*[AZ]))^[ 0-9A-Za-z]{6,12}$/
分析：
上面正則看起來好復(fù)雜，只需要理解第二步，/(?=.*[0-9])^[0-9A-Za-z]{6,12}$/；
對于這個正則，我們需要明白(?=.*[0-9])^這個；
分開來看就是(?=.*[0-9]) 和 ^。
表示開頭前面還有個位置（當(dāng)然也是開頭，即同一個位置，想想之前的空字符類比）。
(?=.*[0-9]) 表示該位置后面的字符匹配。
.*[0-9]，即，有任何多個任意字符，后面再跟個數(shù)字。
翻譯成大白話，就是接下來的字符，必須包含個數(shù)字。
5.3.4另外一種解法
“至少包含兩種字符”的意思就是說，不能全部都是數(shù)字，也不能全部都是小寫字母，也不能全部都是大寫字母。
那么要求“不能全部都是數(shù)字”，怎么做呢？ (?!p) 出馬！
對應(yīng)的正則：
|
1
|
var regex = /(?!^[0-9]{6,12}$)^[0-9A-Za-z]{6,12}$/; |
三種“都不能”呢？
最終答案是：
|
1
2
3
4
5
6
7
8
|
var regex = /(?!^[0-9]{6,12}$)(?!^[a-z]{6,12}$)(?!^[A-Z]{6,12}$)^[0-9A-Za-z]{6,12}$/;console.log( regex.test("1234567") ); // false 全是數(shù)字console.log( regex.test("abcdef") ); // false 全是小寫字母console.log( regex.test("ABCDEFGH") ); // false 全是大寫字母console.log( regex.test("ab23C") ); // false 不足6位console.log( regex.test("ABCDEF234") ); // true 大寫字母和數(shù)字console.log( regex.test("abcdEF234") ); // true 三者都有 |
可視化形式：
RegExp：/(?!^[0-9]{6,12}$)(?!^[a-z]{6,12}$)(?!^[A-Z]{6,12}$)^[0-9A-Za-z]{6,12}$/;
總結(jié)
以上所述是小編給大家介紹的javascript正則表達(dá)式學(xué)習(xí)之位置匹配,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對服務(wù)器之家網(wǎng)站的支持！
原文鏈接：http://www.cnblogs.com/chengxs/p/10714851.html
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
JavaScript 正則表達(dá)式 驗證整數(shù)、小數(shù)、實數(shù)、有效位小數(shù)最簡單，輸入完按回車后即可驗證！（自認(rèn)為最簡單！）...
今天在寫采集程序的時候，使用到了preg_match，但是有幾個頁面始終采集不下來。反復(fù)看了N遍的正則，沒有發(fā)現(xiàn)有問題。于是開始懷疑preg_match是否對匹配的...
這篇文章主要介紹了js通過正則匹配沒有內(nèi)容的空標(biāo)簽,需要的朋友可以參考下...
用asp實現(xiàn)的去除內(nèi)容的html標(biāo)記和空格的實現(xiàn)代碼,正在學(xué)習(xí)正則表達(dá)式的朋友可以參考下...
正則表達(dá)式，又稱規(guī)則表達(dá)式，在項目中經(jīng)常會用到正則表達(dá)式，今天小編抽空給大家分享js正則表達(dá)式驗證數(shù)字的方法，感興趣的朋友參考下吧...
re.sub是個正則表達(dá)式方面的函數(shù)，用來實現(xiàn)通過正則表達(dá)式，實現(xiàn)比普通字符串的replace更加強(qiáng)大的替換功能。這篇文章主要介紹了正則表達(dá)式re.sub替換不完...
本文主要分享一些常用正則表達(dá)式語法例句，具有一定的參考價值，有需要的朋友可以了解下...
正則表達(dá)式就是用某種模式去匹配一類字符串的公式，主要用來描述字符串匹配的工具...
