關(guān)于JS中match() 和 exec() 返回值和屬性的測(cè)試

更新時(shí)間：2016年03月21日 17:30:08 作者：oSHYo

這篇文章主要介紹了關(guān)于JS中match() 和 exec() 返回值和屬性的測(cè)試的相關(guān)資料,需要的朋友可以參考下

語(yǔ)法：

exec() ：
RegExpObject.exec(string) 
match() ：
stringObject.match(string)
stringObject.match(regexp)

知識(shí)點(diǎn)：

exec() 是RegExp對(duì)象的方法，而 match() 是String對(duì)象的方法。
都會(huì)返回包含第一個(gè)匹配項(xiàng)信息的數(shù)組；或者在沒(méi)有匹配項(xiàng)的情況下返回null。
返回的數(shù)組雖然是Array 的實(shí)例，但包含兩個(gè)額外的屬性：index 和 input。其中，index 表示匹配項(xiàng)在字符串中的位置，而 input 表示應(yīng)用正則表達(dá)式的字符串。
在數(shù)組中，第一項(xiàng)是與整個(gè)模式匹配的字符串，其他項(xiàng)是與模式中的捕獲組匹配的字符串（如果模式中沒(méi)有捕獲組，則該數(shù)組只包含一項(xiàng)）。

測(cè)試：

對(duì) match() 的測(cè)試代碼：

var text = "mom and dad and baby";
var pattern = /(mom and )?(dad and )?baby/;
var matches = text.match(pattern);//pattern.exec(text);
console.log(matches.index);
console.log(matches.input);
console.log(matches[0]);
console.log(matches[1]);
console.log(matches[2]);

對(duì) match() 的測(cè)試結(jié)果截圖：

對(duì) exec() 的測(cè)試代碼：

var text = "mom and dad and baby";
var pattern = /(mom and )?(dad and )?baby/;
var matches = pattern.exec(text);//text.match(pattern);
console.log(matches.index);
console.log(matches.input);
console.log(matches[0]);
console.log(matches[1]);
console.log(matches[2]);

對(duì) exec() 的測(cè)試結(jié)果截圖：

String 對(duì)象方法

方法	描述
exec	檢索字符串中指定的值。返回找到的值，并確定其位置
test	檢索字符串中指定的值。返回 true 或 false。

String 對(duì)象方法

方法	描述
match()	找到一個(gè)或多個(gè)正則表達(dá)式的匹配。
replace()	替換與正則表達(dá)式匹配的子串。
search()	檢索與正則表達(dá)式相匹配的值。

關(guān)于JS中match() 和 exec() 返回值和屬性的測(cè)試就給大家介紹到這里，希望對(duì)大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

Js+Dhtml:WEB程序員簡(jiǎn)易開(kāi)發(fā)工具包(預(yù)先體驗(yàn)版)
Js+Dhtml:WEB程序員簡(jiǎn)易開(kāi)發(fā)工具包(預(yù)先體驗(yàn)版)...
2006-11-11
JavaScript類(lèi)的繼承方法小結(jié)【組合繼承分析】
這篇文章主要介紹了JavaScript類(lèi)的繼承方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript繼承的概念、原理及組合繼承相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-07-07
簡(jiǎn)單易懂的JSONP和CORS跨域方案詳解
這篇文章主要為大家介紹了簡(jiǎn)單易懂的JSONP和CORS跨域方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
JS 設(shè)計(jì)模式之：?jiǎn)卫Ｊ蕉x與實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計(jì)模式之：?jiǎn)卫Ｊ?結(jié)合實(shí)例形式分析了JS 單例模式原理、定義、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-05-05
JS實(shí)現(xiàn)json對(duì)象數(shù)組按對(duì)象屬性排序操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)json對(duì)象數(shù)組按對(duì)象屬性排序操作,涉及javascript使用sort方法針對(duì)json數(shù)組的遍歷與排序相關(guān)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-05-05
ES6?Promise.all的使用方法以及其細(xì)節(jié)詳解
Promise對(duì)象用于表示一個(gè)異步操作的最終完成(或失敗)及其結(jié)果值,下面這篇文章主要給大家介紹了關(guān)于ES6?Promise.all的使用方法以及其細(xì)節(jié)的相關(guān)資料,需要的朋友可以參考下
2022-07-07
微信小程序slider組件使用詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序slider組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
利用JavaScript實(shí)現(xiàn)靜態(tài)圖片局部流動(dòng)效果
如果你有玩過(guò)《王者榮耀》、《陰陽(yáng)師》?等手游，一定注意到過(guò)它的啟動(dòng)動(dòng)畫(huà)、皮膚立繪卡片等場(chǎng)景，經(jīng)常采用靜態(tài)底圖加局部液態(tài)流動(dòng)效果的簡(jiǎn)單動(dòng)畫(huà)，本文將利用JavaScript實(shí)現(xiàn)這一效果，需要的可以參考一下
2022-08-08
javascript 一個(gè)自定義長(zhǎng)度的文本自動(dòng)換行的函數(shù)
javascript 一個(gè)自定義長(zhǎng)度的文本自動(dòng)換行的函數(shù)...
2007-08-08
移動(dòng)端Ionic App 資訊上下循環(huán)滾動(dòng)的實(shí)現(xiàn)代碼(跑馬燈效果)
這篇文章主要介紹了移動(dòng)端Ionic App 資訊上下循環(huán)滾動(dòng)的實(shí)現(xiàn)代碼，實(shí)現(xiàn)方法需要借助jQuery庫(kù)的選擇器和動(dòng)畫(huà)函數(shù)，并且把jquery的操作封裝到指令里，具體指令代碼大家通過(guò)本文學(xué)習(xí)吧
2017-08-08