首頁  >  文章  >  web前端  >  javascript 正規表示式相關應介紹_javascript技巧

javascript 正規表示式相關應介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 17:47:561188瀏覽

string 物件
1、str.match(RegExp)
在str中搜尋符合RegExp的字串並保存在一個數組內返回,
如果RegExp不是全域設定(/g ),僅匹配一次

複製代碼 代碼如下:

("abc112dwfwabcwef2abc3wfwabcasqf453abcqwf24j234h").match (/abcd*/g);
//結果
["abc112", "abc", "abc3", "abc", "abc"]

該方法中,如果正規表示式不是全域匹配模式(g標記),第一個元素將是匹配的字串,其餘是正則中捕獲的字串,並且該數組具備2個屬性:
input 用於檢測的字串
index 匹配的字串在用於檢測字串中的起始位置。
(關於這2個屬性可以參考RegExp.exec() 方法)
2、str.search(regExp)
傳回符合RegExp的第一個字串的位置,如果沒有匹配返回-1,全域標記沒有意義,因為只匹配一次,
該方法也忽略regExp 的lastIndex 屬性,並且總是從字串的開始進行檢索。
3、str.replace(RegExp,replaceText)
將匹配RegExp 的字串替換為replaceText,如果RegExp 沒有全域設置,只匹配一次,使用全域模式將取代所有符合的字串。
如果RegExp 中使用了捕獲分組匹配,則replaceText中的$具有特殊含義
$1、$2、...、$99 //與RegExp 中的第1 到第99 個子表達式相匹配的文本。
$& // 與 regexp 相符的子字串。
$` // 位於符合子字串左側的文字。
$' // 位於符合子字串右側的文字。
$$ // 匹配$符號自身。
注意,你需要考慮RegExp中捕獲分組的數量,如果你只設定了2個捕獲,那麼$3將不再具有特殊意義
("123ab12c11d_4532").replace(/a(bd*)c (d*)d/,"$1@$2-")
//將得到:
"123b12@11-_4532"
4、str.replace(RegExp,function)
str.replace 的第二個參數可以是函數,函數的傳回值將作為匹配字元的替換內容,
注意,如果要全域匹配RegExp仍然需要全域g標記。
函數的參數依序是:
匹配的字串,
配置的捕獲子字串(多個),
匹配字串的起始位置,
用於匹配的原始字串
注意,請根據RegExp中捕獲分組的設定數量來定義函數參數個數,如果參數太少將可能導致「匹配字串的開始位置」 和「用於匹配的原字串」 不能在參數中出現,當然也可以在函數內使用arguments物件解決這個問題,arguments(arguments.length-2) 就是匹配字串的開始位置,arguments(arguments.length-1) 就是用來匹配的原字串。
複製程式碼 程式碼如下:

var newStr = ("123ab12c114553(D.replace( a(bd*)c(d*)d/g,function(s,s1,s2,pos,oldStr){
return "@" s1 "@" s2 "@";
}) ;
//將得到
"123@b12@11@_4532"

5、str.split(RegExp[,limit])
將字串str用符合匹配的字串分割成數組,limit 可選,用於限定傳回的數組長度
("ada2afa4fcas6afa").split(/d/,3) // "ada,afa,fcas"
6、RegExp.exec("str") 方法
在strExp.exec("str") 方法

在str中尋找符合的字串,注意,每次執行該方法只匹配一次,要匹配多個需要將RegExp設為/g,並多次執行exec()方法,每次符合傳回值result = RegExp.exec( "str")
result為一個數組,這個數組長度為1,數組元素為找到的匹配的子字串,
另外,這個數組被額外賦給了2 個屬性:
result.index表示符合的子字串在原字串的起始位置
result.input 是原字串
當再也找不到符合符合的子字串時,回傳result = null,並設定RegExp.lastIndex=0
RegExp.lastIndex 是正規表示式的屬性,表示目前將從字串的哪個位置開始匹配,初始值為0。
如果RegExp被設定為全域的,在符合一個字串一次之後,使用同一個RegExp對一個新的字串進行比對請先手動設定RegExp.lastIndex=0
如果RegExp 不是全域比對模式,在程式中又寫了一個循環,根基返回值result來決定是否終止匹配,從而試圖匹配完這個字串,那麼,只要有符合匹配條件的子字串,就必定造成死循環,因為非全局匹配只對字串匹配一次,結果每次運行匹配操作都是匹配第一個子字串,傳回的result 不為空,這是比較容易犯的錯誤。 複製程式碼
程式碼如下:


var str = "1Visit W3School, W3Schoolis study web technology.";
var patt = new RegExp("W3School","g");
var result;
document.write(patt.lastIndex "
");
document.write("=====================================
");
while ((result = patt.exec(str)) != null) {
document.write(patt.lastIndex "
");
document.write(result.constructor.name "
");
document.write(result.length "
");
document.write(result[0] "
");
document. write(result.index "
");
document.write(result.input "
");
document.write("=========== ==========================
");
}
document.write(patt.lastIndex "
");
// 運行結果:
==================================== ===
Array
W3School
Visit W3School, W3School is a place to study web technology.
===================== ================
Array
W3School
Visit W3School, W3School is a place to study web technology.
======== =============================

7、RegExp.test("str" ) 方法

該方法與RegExp.exec 類似,不同的是只回傳true或false
RegExp.lastIndex 的意思是一樣的(這是RegExp的屬性,跟是使用test方法還是exec方法無關)
如果同一個RegExp 先後使用了test方法和exec方法,你可能需要手動設定RegExp.lastIndex=0,這些方法是共用同一個RegExp物件的lastIndex 屬性的 複製程式碼
程式碼如下:


var str = "1Visit W3School, W3School is a place to study web strtechnology."
var patt = new RegExp("W3School","g");
var result ;
result = patt.test(str);
alert(result); //true
result = patt .test(str);
alert(result); //true
result = patt.test(str);
alert(result); //false
IE9 、較新版本的chrome、firefox 中, str.match(reg) 執行完畢後,無論是否全域匹配,是否存在匹配結果,lastindex 被重置,reg.lastIndex = 0 , reg.test(str) 執行後,如果正規是非全域匹配的,lastindex 被重置, re.lastIndex = 0 在IE8 及以下,正則匹配執行後除非沒有匹配結果,否則re.lastIndex 是最後一個匹配字符串的結尾字符的位置1,即lastIndex沒有被重置
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn