當前位置:生活全書館 >

IT科技

> js正則匹配

js正則匹配

1、簡介:

js正則物件有兩種宣告方式:new運算子、字面量方式。

2、使用正則去匹配字元串:

test:

通過test我們能直接檢查某個字串s中是否存在匹配項;

js正則匹配

exec:

非全域性模式下,無論如何都是匹配的字串s中的第一個匹配字串。

let reg = /(t)es(t)/; let s = 'testtest'; 

let arr = reg.exec(s); console.log(arr);

//[ 'test', 't', 't', index: 0, input: 'testtest' ] let arr1 = reg.exec(s); 

console.log(arr1);

//[ 'test', 't', 't', index: 0, input: 'testtest' ]

全域性模式下則會遍歷整個字串查詢匹配串。

let reg = /(t)es(t)/g; let s = 'testtest'; 

let arr = reg.exec(s); console.log(arr);

//[ 'test', 't', 't', index: 0, input: 'testtest' ] let arr1 = reg.exec(s); 

console.log(arr1);//[ 'test', 't', 't', index: 4, input: 'testtest' ]

注意:上面輸出結果第二第三項為匹配的分組

舉例:

let reg = /(t)es(t)/g; let s = 'testtest';

let arr = reg.exec('testtest'); 

console.log(arr);//[ 'test', 't', 't', index: 0, input: 'testtest' ] let arr1 = reg.exec('testtest'); 

console.log(arr1);//[ 'test', 't', 't', index: 4, input: 'testtest' ]

分別對兩個不同的'testtest'進行匹配會出現和同一個'testtest'字串匹配結果一樣的現象。上面的demo中,第一個字串的遍歷顯然是沒有完成的,正則物件reg會將目前匹配的字串後的下標也就是4儲存在正則物件的lastIndex屬性中,下次進行匹配時,就會從相應的lastIndex下標開始對字串進行正則匹配。

js正則匹配 第2張

match:

這個方法和exec有些類似:

在非全域性模式下,會匹配分組。

let reg = /(t)es(t)/; console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ] console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ]

全域性模式下不會匹配分組,會返回匹配的所有字串。

let reg = /(t)es(t)/; 

console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ] console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ]

replace(pattern,replacement):

用replacement將匹配pattern的欄位替換

var pattern = /test/g;

var s = 'testtest';

console.log(s.replace(pattern, 'task')); //將test替換成了task

注:模式修飾符必須有g,即全域性匹配,才能替換所有的匹配項

search(pattern):

js正則匹配 第3張

返回字串中pattern開始的位置;

let pattern = /test/g;

let s = 'testtest';

console.log(s.search(pattern)); //查詢到返回位置,否則返回-1

注:其無關乎是否全域性匹配,只要找到即返回位置,沒有則返回-1

split(pattern):

將字串以pattern拆分單位,並返回一個數組,該陣列以拆分後的各欄位組成;

let pattern = / /g;

let s = 't e s t t e s t';

console.log(s.split(pattern)); //將空格拆開分組成陣列

標籤: js 正則
  • 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/dianzi/152xlp.html