js正則表達式

目的：

處理字符串的查找、替換需求

按照某種規則（正則表達式）去匹配（查找）符合條件的字符串

案例1：

https://www.baidu.com

https://www.cnnic.net.cn

我想篩選出開頭是https://結尾是.com的字符串，對他操做（其中\是轉義）

http:(\/\/.+\.com)

$1

這個操做是將後面的//www.baidu.com分組了，而後把這個分組提取出來因而獲得的就是：

//www.baidu.com

案例2：

2014/12/12

2015/12/444

我想篩選出開頭是4位數字／或者－再兩位數字再／或者－再兩位數字，頭尾加上結束符號

^\d{4}[/-]\d{2}[/-]\d{2}$

而後就是分組，^(\d{4})[/-](\d{2})[/-](\d{2})$

篩選時候就能夠寫：$2-$3-$1

獲得的結果就是：

12-2014-12

案例3:

構造函數，可在console或者http://jsbin.com/?html,js,output中實踐：

var reg = /\bis\b/;
'He is a boy .This is a dog.Where is she?'.replace(reg,'IS')
"He IS a boy .This is a dog.Where is she?"
'He is a boy .This is a dog.Where is she?'.replace(/\bis\b/gi,'0')
"He 0 a boy .This 0 a dog.Where 0 she?"

 

 

語法：

修飾符：

g:global 全文搜索，不添加則搜索到第一個匹配中止；
i:ignore case 忽略大小寫，默認大小寫敏感；
multiline：多行搜索，默認值是false
lastIndex：是當前表達式匹配內容的最後一個字符的下一個位置
source：正則表達式的文本字符串

元字符：

\t:水平製表符；
\v:垂直製表符；
\n:換行符；
\r:回車符；
\0:空字符；
\f:換頁符；
\cX:與X對應的控制字符

字符類：

可使用元字符[]來構建一個簡單的類，所謂類是指符合某些特徵的對象，一個泛指，而不是特指某個字符，表達式[abc]：把字符 a 或 b 或 c 歸爲一類，表達式能夠匹配這類的字符，即匹配abc中的一個,例如：

'a1b2c3d4'.replace(/[abc]/g,'x')
"x1x2x3d4"

字符類取反：

使用元字符 ^ 建立 反向類/負向類，反向類的意思是：不屬於某類的內容,表達式 [^abc] 表示 不是字符a或b或c 的內容

'a1b2c3d4'.replace(/[^abc]/g,'x')
"axbxcxxx"

範圍類：

使用字符類匹配數字 [0123456789] 簡寫[0-9]
可使用 [a-z] 來鏈接兩個字符表示 從a到z的任意字符,閉區間，包含a和z自己,若是想把－這樣特殊字符添加進去，就在後面直接加上

'f1231h3g1gj4'.replace(/[a-z]/g,'@')
"@1231@3@1@@4"

'f1231h3gHGG1gj4'.replace(/[a-zA-Z]/g,'@')
"@1231@3@@@@1@@4"

'2013-3-12'.replace(/[0-9-]/g,'A')
"AAAAAAAAA"

 預約義類:

. 等價於 [^\r\n] 表示除了回車符和換行符以外的全部的字符
\d 等價於 [0-9] 數字字符
\D 等價於 [^0-9] 非數字字符
\s 等價於 [\t\n\x0B\f\r] 空白符 s:space
\S 等價於 [^\t\n\x0B\f\r] 非空白符
\w 等價於 [a-zA-Z_0-9] 單詞字符（字母、數字下劃線） w:word
\W 等價於 [^a-zA-Z_0-9] 非單詞字符

例子：匹配一個 ab+數字+任意字符 的字符串
使用範圍類：ab[0-9][^\r\n] 使用預約義類：ab\d.

常見的邊界匹配字符：
^ 以XXX開始
$ 以XXX結束
\b 單詞邊界
\B非單詞邊界
例子：
1. '@123@abc@'.replace(/^@./g,'Q');
"Q23@abc@"
2.'@123@abc@'.replace(/.@$/g,'Q');
"@123@abQ"
3.'@123@abc@'.replace(/.@/g,'Q');
"@12QabQ"

 

量詞：

? 出現<=1次
+ 出現>=1次
* 出現任意次
{n}出現n次
{n,m}出現n到m次
{n,}出現至少n次

 

貪婪模式和非貪婪模式

讓正則表達式儘量多和儘量少的匹配

貪婪模式:

'12345678'.replace(/\d{3,6}/g,'X')
"X78"

非貪婪模式
'12345678'.replace(/\d{3,6}?/g,'X')
"XX78"

 

分組:

小寫字母連續出現3次，分別演示分組和不分組：
'a1b2c3d4'.replace(/[a-z]\d{3}/g,'X')
"a1b2c3d4"
'a1b2c3d4'.replace(/([a-z]\d){3}/g,'X')
"Xd4"

|(或)

將正則表達式分紅先後兩部分，能夠達到 或 的效果

'12gj112gj2'.replace(/12gj(1|2)/g,'X')
"XX"

反向引用

在分組的基礎上，分組取值使用'$1 $2....'表明捕獲分組內容

'2013-12-20'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2-$3-$1')
"12-20-2013"

忽略分組

不但願捕獲某些分組，只須要在分組內加上 ？：便可
（？：Byron）.（ok）
'2015-07-09'.replace(/(?:\d{4})-(\d{2})-(\d{2})/g,'$2/$3/$1');
"09/$3/07"

 

前瞻

前瞻 就是在正則表達式匹配到規則的時候，向前檢查是否符合斷言

注意：JavaScript不支持後顧

找出字母加數字的

'a243h'.replace(/\w(?=\d)/g,'x')
"xxx3h"

找出不是字母加數字的
'a243h'.replace(/\w(?!\d)/g,'x')
"a24xx"

 

正則表達式自己的兩個方法
test
RegExp.prototype.test(str)
用於測試字符串參數中是否存在匹配正則表達式模式的字符串，若是存在則返回true，不然返回false

 

 

lastIndex 記錄當前匹配結果的、最後一個字符的、下一個字符的位置
注意:test()方法在匹配的時候當匹配到一個結果時，會從lastIndex位置開始匹配下一個結果，直到不存在的時候才置爲0。所以，當使用全局g屬性標識時，當匹配到最後一個結果時，lastIndex值指向不存在的位置，此時再執行test()會返回false。
例子：屢次執行test（）方法，會在true、false之間循環
（/\w/g）.test('a')每次執行都是正確的，可是經過實例化對象，須要很大的開銷
test()方法：原意就是測試有沒有、能不能匹配上，當使用test原意時，不必加g
exec
RegExp.prototype.exec(str)
使用正則表達式模式對字符串執行搜索，並將更新全局RegExp對象的屬性一反映匹配結果
若是沒有匹配的文本則返回 null，不然返回一個結果數組：
- index 聲明匹配文本的第一個字符位置
- input 存放被檢索的字符串 string

非全局調用
調用非全局的RegExp對象的 exec()時，返回數組
第一個元素是與正則表達式相匹配的文本
第二個元素是與RegExpObject的第一個子表達式相匹配的文本（若是有的話）
第三個元素是與RegExp對象的第二個子表達式相匹配的文本（若是有的話），以此類推

 

字符串對象方法
1.search
String.prototype.search(reg)
search()方法用於檢索字符串中指定的子字符串，或檢索與正則表達式相匹配的子字符串
方法返回第一個匹配結果 index，查找不到返回 -1
search()並不執行全局匹配，它將忽略標誌 g ,而且老是從字符串的開始進行檢索
例子：
'A11B2C3D4'.search(/\d/) 1
2.match
String.prototype.match(reg)
match()方法將檢索字符串，以找到一個或多個與RegExp匹配的文本
RegExp是否具備標誌 g 對結果影響跟大
非全局調用，即沒有 g
若是RegExp沒有標誌 g,那麼 match()方法就只能在字符串中執行一次匹配
若是沒有找到任何匹配的文本，將返回null
不然它將返回一個數組，其中存放了與它找到的匹配文本有關的信息
返回數組的第一個元素存放的是匹配文本，而其他的元素存放的是與正則表達式的子表達式匹配的文本
除了常規的數組元素以外，返回的數組還含有2個對象屬性
index 聲明匹配文本的起始字符在字符串的位置
input 聲明對 stringObject的引用
全局調用
若是RegExp具備標誌 g,則match()方法將執行全局檢索，找到字符串中的全部匹配子字符串
沒有找到任何匹配的子串，則返回null
若是找到了一個或多個匹配的子串，則返回一個數組
數組元素中存放地字符串中全部的匹配子串，並且也沒有index 屬性或input屬性

3.split

使用split把字符串分割爲字符數組

 

4.replace

定義function：

 

 

function參數含義function會在每次匹配替換的時候調用，有四個參數,match就是結果，index就是第幾個匹配字符串正則表達式分組內容，沒有分組則沒有該參數匹配項在字符串中 index原字符串