欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

深入剖析javascript中的exec與match方法

 更新時(shí)間:2016年05月18日 11:39:31   投稿:jingxian  
下面小編就為大家?guī)硪黄钊肫饰鰆avascript中的exec與match方法。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

exec是正則表達(dá)式的方法,而不是字符串的方法,它的參數(shù)才是字符串,如下所示:

var re=new RegExp(/\d/);
re.exec( "abc4def" );

//或者使用perl風(fēng)格:

/\d/.exec( "abc4def" );

//match才是字符串類提供的方法,它的參數(shù)是正則表達(dá)式對(duì)象,如下用法是正確的:

"abc4def".match(\d);

exec和match返回的都是數(shù)組

如果執(zhí)行exec方法的正則表達(dá)式?jīng)]有分組(沒有括號(hào)括起來的內(nèi)容),那么如果有匹配,他將返回一個(gè)只有一個(gè)元素的數(shù)組,這個(gè)數(shù)組唯一的元素就是該正則表達(dá)式匹配的第一個(gè)串;如果沒有匹配則返回null。

下面兩個(gè)alert函數(shù)彈出的信息是一樣的:

var str= "cat,hat" ;
var p=/at/; //沒有g(shù)屬性
alert(p.exec(str))
alert(str.match(p))

都是"at"。在這種場(chǎng)合下exec等價(jià)于match。

但是如果正則表達(dá)式是全局匹配(g屬性)的,那么以上代碼結(jié)果不一樣了:

var str= "cat,hat" ;
var p=/at/g; //注意g屬性
alert(p.exec(str))
alert(str.match(p))

分別是

"at"

"at,at"。

因?yàn)閑xec永遠(yuǎn)只返回第一個(gè)匹配,而match在正則指定了g屬性的時(shí)候,會(huì)返回所有匹配。

exec如果找到了匹配,而且包含分組的話,返回的數(shù)組將包含多個(gè)元素,第一個(gè)元素是找到的匹配,之后的元素依次為該匹配中的第一、第二...個(gè)分組(反向引用)

如下的代碼將彈出"cat2,at":

var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))

其中第一個(gè)元素是匹配的字符串"cat2",之后的元素是括號(hào)中匹配的"at"。

match函數(shù)在滿足如下條件下將越俎代庖,實(shí)現(xiàn)和exec一樣的功能:

1、正則表達(dá)式中含有分組(括號(hào))

2、返回唯一的匹配

且看如下的代碼:

var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
alert(str.match(p))

都將彈出消息"cat2,at",是不是覺得很奇怪呢?

總結(jié):

match是返回所有匹配的字符串合成的數(shù)組,但是正則表達(dá)式必須指定全局g屬性才能返回所有匹配,不指定g屬性則會(huì)返回一個(gè)只有一個(gè)元素的數(shù)組。

exec永遠(yuǎn)返回與第一個(gè)匹配相關(guān)的信息,其返回?cái)?shù)組包括第一個(gè)匹配的字串,所有分組的反向引用。

某些情況下exec返回的結(jié)果和match返回的結(jié)果一樣:

var str= "cat,hat" ;
var p=/at/; //沒有g(shù)屬性
alert(p.exec(str))
alert(str.match(p))

都彈出“at”

某些情況下match返回的結(jié)果和exec返回的結(jié)果一樣:

var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
alert(str.match(p))

都彈出“cat2,at”

以上這篇深入剖析javascript中的exec與match方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 基于JavaScript實(shí)現(xiàn)單例模式

    基于JavaScript實(shí)現(xiàn)單例模式

    這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)單例模式,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-10-10
  • 關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別

    關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別

    mouseover ,mouseout ,mouseenter,mouseleave,都是鼠標(biāo)點(diǎn)擊而觸發(fā)的事件,各自代表什么意思,有哪些區(qū)別呢?下面跟著腳本之家小編一起看看吧
    2015-10-10
  • JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼

    JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼

    這篇文章主要介紹了JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼,涉及JavaScript通過自定義函數(shù)遍歷頁面元素及動(dòng)態(tài)設(shè)置元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-09
  • Js 獲取當(dāng)前函數(shù)參數(shù)對(duì)象的實(shí)現(xiàn)代碼

    Js 獲取當(dāng)前函數(shù)參數(shù)對(duì)象的實(shí)現(xiàn)代碼

    這篇文章主要介紹了Js 獲取當(dāng)前函數(shù)參數(shù)對(duì)象的實(shí)現(xiàn)代碼,需要的朋友可以參考下
    2016-06-06
  • three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例

    three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例

    這篇文章主要為大家介紹了three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • JavaScript中檢測(cè)數(shù)組的3種方法小結(jié)

    JavaScript中檢測(cè)數(shù)組的3種方法小結(jié)

    數(shù)組檢測(cè)是指在編程中對(duì)數(shù)組進(jìn)行驗(yàn)證和檢查的過程,本文主要介紹了JavaScript中檢測(cè)數(shù)組的3種方法小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下
    2023-08-08
  • JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字閃爍效果的方法

    JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字閃爍效果的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字閃爍效果的方法,通過時(shí)間函數(shù)定時(shí)觸發(fā)遞歸調(diào)用實(shí)現(xiàn)狀態(tài)欄文字閃爍效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-10-10
  • CodeMirror js代碼加亮使用總結(jié)

    CodeMirror js代碼加亮使用總結(jié)

    一個(gè)基于JavaScript的代碼編輯器,CodeMirror支持大量語言的語法高亮,也包括css,html,js等的高亮顯示。此外,CodeMirror還支持代碼自動(dòng)完成、搜索/替換、HTML預(yù)覽、行號(hào)、選擇/搜索結(jié)果高亮、可視化tab、代碼自動(dòng)格式等
    2017-03-03
  • javascript設(shè)置文本框光標(biāo)的方法實(shí)例小結(jié)

    javascript設(shè)置文本框光標(biāo)的方法實(shí)例小結(jié)

    這篇文章主要介紹了javascript設(shè)置文本框光標(biāo)的方法,結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)文本框光標(biāo)的位置、設(shè)置及文本操作的相關(guān)技巧,需要的朋友可以參考下
    2016-11-11
  • 微信小程序自定義底部、頂部、中間、左邊及右邊彈窗

    微信小程序自定義底部、頂部、中間、左邊及右邊彈窗

    這篇文章主要給大家介紹了關(guān)于微信小程序自定義底部、頂部、中間、左邊及右邊彈窗的相關(guān)資料,彈窗是小程序中非常重要的一種互動(dòng)方式,比如用戶注冊(cè)時(shí)錯(cuò)誤提示、優(yōu)惠券領(lǐng)取提示、簽到成功提示等等,需要的朋友可以參考下
    2023-11-11

最新評(píng)論