JavaScript中exec()方法詳解

seal_de 發布于2019-08-23 16:55 / 1777人閱讀

摘要：使用對象的方法直接調用即可。下面看斷點截圖執行返回的數組來看下數組對象每個屬性匹配到的字符串匹配到的字符串的第一個字符在被檢索字符串中的位置被檢索的字符串數組的長度

使用RegExp對象的exec()方法:

直接調用即可。如果匹配到字符串返回一個數組；如果沒有匹配到返回null
1） var re1=new RegExp("w{2}");
var res1=re1.exec("要檢索的字符串");

2）var re3=/w{2}/;
var res2=re3.exec("要檢索的字符串");

示例：

exec()方法的使用

我們斷點來看var res1=re1.exec("aa2edj3djie7788");執行結果

匹配字符串"aa2edj3djie7788"結果斷點.png

我們再斷點看var res2=re1.exec("458949468974484");執行結果

匹配字符串"458949468974484"結果斷點.png

總上所知，我們使用exec()方法得到的結果有兩個，一個是存有匹配字符串的數組，一個是null

二、RegExp對象和執行exec()得到的結果分析

需要劃下重點
1）首先RegExp對象
只需要關系此對象的一個屬性，lastIndex ，這個屬性的值代表了檢索字符串開始匹配的起始索引，依舊上代碼和斷點

exec()方法的使用

我們來看斷點中的RegExp對象，在調用exec()方法前

調用exec()方法前RegEpx對象.png

我們看調用exec()方法后的斷點

調用exec()方法后RegEpx對象.png

注意，這里在調用exec()方法前后，lastIndex值雖然沒有改變，但是這個屬性至關重要。
1）lastIndex代表了每次匹配要檢索的字符串的開始匹配的起始索引位置
2）在修飾符使用了 g 后，此屬性是變的，因此對后面理解 g修飾符是非常關鍵的。

2）執行exec()的到的結果
這里我們只斷點查看數組結果，null也沒啥好看的好像。
下面看斷點截圖

執行exec()返回的數組.png

來看下數組對象每個屬性：
var a=res1[0]; // 匹配到的字符串
var index=res1.index; //匹配到的字符串的第一個字符在被檢索字符串String中的位置
var input=res1.input; //被檢索的字符串 string
var length=res1.length; //數組的長度

GPU云服務器云服務器 javascript中this詳解方法參數詳解方法簽名詳解 javascript詳解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103509.html

正則表達式前端使用手冊

摘要：非貪婪模式盡可能少的匹配所搜索的字符串，而默認的貪婪模式則盡可能多的匹配所搜索的字符串。導讀你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 還是不行. 你有沒有在表單驗證的時候, 只是做做樣子(只要不為空就好), 然后燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感覺莫名其妙, 明明應該支持的元字符, 卻就是匹配不到. 甚至,...

zhoutao 2019-08-21 15:12 評論0 收藏0
正則的貪婪，前瞻及屬性詳解

摘要：正則的三種方法編譯正則表達式。返回找到的值，并確定其位置。規定匹配的類型。用于全局匹配，用于區分大小寫，用于全局區分大小寫的匹配。非貪婪匹配就是匹配到結果就好，就少的匹配字符。對象是否具有標志。正則表達式的源文本。對正則的深入學習學習正則我們不能光看看幾個修飾符就可以了，因為正則還有許多深入的知識，下面我就來為大家扒一扒。。。showImg(https://segmentfault...

pepperwang 2019-08-20 18:57 評論0 收藏0
JavaScript ASI 機制詳解

摘要：最近在清理的未讀列表，看到了才知道了的，一種自動插入分號的機制。這種行為被叫做自動插入分號，簡稱。不過在省略分號的風格中，這種解析特性會導致一些意外情況。規則標準定義的包括三條規則和兩條例外。規則一情況三就是為量身定做的。 TL;DR 最近在清理 Pocket 的未讀列表，看到了 An Open Letter to JavaScript Leaders Regarding Semico...

frontoldman 2019-08-21 13:32 評論0 收藏0
正則表達式詳解 js

摘要：程序員的正則表達式，醫生的處方和道士的鬼畫符，都是利器。其實，正則表達式是一門語言，有自己獨特的語法，還擁有自己的解釋器。但是，如果正則表達式是動態的，是根據變量來定義的，那么，只能使用第二種構造函數的方式。前言作為一個程序員，要出去裝逼，手中必備的技能就是正則表達式。程序員的正則表達式，醫生的處方和道士的鬼畫符，都是利器。在js中，很多的場景需要去使用到它（畢竟，js剛剛誕生的...

fredshare 2019-08-22 11:06 評論0 收藏0
正則基礎詳解

摘要：正則基礎詳解開頭，結尾匹配次或多次匹配次匹配次或次當跟在后面時，匹配模式是非貪婪的匹配確定是次，非負數匹配除了換行符以外的任何字符包括點本身小括號中的內容只匹配不捕獲正向預查負向預查匹配或者匹配中任何一個匹配未包含的任意字符匹配指定范圍正則基礎詳解 /^開頭，結尾$/ * 匹配0次或多次 + 匹配1-n次？匹配0次或1次；當?跟在 * + {n} {n,m} {n,} 后面時...

YanceyOfficial 2019-08-26 11:37 評論0 收藏0