怎么使用javascript中的正則表達(dá)式

怎么使用javascript中的正則表達(dá)式？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

本節(jié)講正則表達(dá)式在js中的使用，注意正則對(duì)象是一個(gè)引用類(lèi)型。

初始化：字面量和對(duì)象使用

與對(duì)象的定義一樣，我們可以使用字面量定義正則表達(dá)式，也可以使用正則對(duì)象來(lái)定義正則表達(dá)式，他們的區(qū)別是使用的轉(zhuǎn)義有一定差別。

在使用字面量的時(shí)候，使用/ /把正則表達(dá)式包起來(lái)，后面可以寫(xiě)上匹配模式或者不寫(xiě)，不寫(xiě)默認(rèn)不是全局匹配，我們?cè)谑褂玫臅r(shí)候，一般都是使用字面量來(lái)初始化，因?yàn)檫@樣比較簡(jiǎn)單，轉(zhuǎn)義也不像字符串那么復(fù)雜。

// 正則表達(dá)式 /at/g 表示匹配所有at  /g表示全局搜索
var pattern1 = /at/g; // 注意不用字符串
var pattern2 = RegExp('/at', 'g');

下面這些需要轉(zhuǎn)義：

正則對(duì)象的屬性

由于正則對(duì)象的屬性都可以在字面變量中看得到，所以這些方法用處并不大，知道就好：

exec() 方法（捕獲方法）

exec方法執(zhí)行的結(jié)果不是所有匹配的項(xiàng)，而是第一個(gè)匹配到的項(xiàng)，他的返回值如下面的代碼顯示（關(guān)于捕獲組的概念，我們以后用到了再講，這里我們知道每次只會(huì)匹配一個(gè)，在數(shù)組的第0個(gè)位置返回）

// exec的返回值
var text = 'mom and dad and baby';
var pattern = /mom( and dad( and baby)?)?/gi;

var matches = pattern.exec(text);
alert(matches.index); // 0 // 擁有index屬性標(biāo)識(shí)匹配項(xiàng)再字符串中的位置
alert(matches.input); // mom and dad and baby // 標(biāo)識(shí)原字符串
alert(matches[0]); //mom and dad  // 標(biāo)識(shí)匹配的字符串
alert(matches[1]); //and dad  //捕獲組匹配的字符串
alert(matches[2]); //and baby

exec方法要注意全局標(biāo)志 /g 對(duì)于執(zhí)行結(jié)果的影響，不寫(xiě)/g的時(shí)候，不是全局匹配，每一次執(zhí)行都是從頭開(kāi)始，寫(xiě)了/g，匹配是全局的，下一次匹配是從上一次的基礎(chǔ)之上繼續(xù)往后匹配，看下面的例子就可以說(shuō)明這個(gè)情況

// 不寫(xiě)/g  每一次都是從頭開(kāi)始匹配
var text = 'cat, bat, sat, fat';
var pattern1 = /.at/;
var matches = pattern1.exec(text);
alert(matches.index); //0
alert(matches[0]); //cat
alert(pattern1.lastIndex); //0   //lastIndex方法是問(wèn)題的關(guān)鍵，注意它是pattern1對(duì)象的屬性，其實(shí)就記錄了這個(gè)正則匹配到哪個(gè)位置了，這里都是0說(shuō)明是一直從零開(kāi)始匹配

matches = pattern1.exec(text);
alert(matches.index); //0
alert(matches[0]); //cat
alert(pattern1.lastIndex); //0

加上/g我們?cè)倏纯唇Y(jié)果有什么變化

var text = 'cat, bat, sat, fat';
var pattern1 = /.at/g;
var matches = pattern1.exec(text);
alert(matches.index); //0
alert(matches[0]); //cat
alert(pattern1.lastIndex); //3 //lastIndex標(biāo)識(shí)經(jīng)過(guò)了這次匹配，下次匹配應(yīng)該從什么位置開(kāi)始進(jìn)行

matches = pattern1.exec(text);
alert(matches.index); //5  // 標(biāo)識(shí)匹配到的位置
alert(matches[0]); //bat
alert(pattern1.lastIndex); //8

test方法

test方法用于匹配之后返回true false，如果只想知道有無(wú)匹配，不想知道具體結(jié)果，就用這個(gè)。常用于if語(yǔ)句中,判斷用戶(hù)輸入是否有效等。

var text = '000-00-0000';
var pattern = /\d{3}-\d{2}-\d{4}/;

if (pattern.test(text)) {
alert('matched');  //matched
}

全局屬性

通過(guò)RegExp的屬性，我們可以獲知一些全局的正則信息，比如剛剛匹配輸入了什么字符串，上次匹配了哪些信息，這個(gè)有點(diǎn)像全局的靜態(tài)變量，我們看看全局屬性支持哪些信息的獲取

注意使用長(zhǎng)屬性名和短屬性名都可以獲取全局屬性。我們下面看看長(zhǎng)短屬性的使用

不支持的功能

看完上述內(nèi)容，你們掌握怎么使用javascript中的正則表達(dá)式的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！