《javascript高級程序設計》筆記：正則表達式

ingood 發布于2019-08-20 18:57 / 1755人閱讀

摘要：布爾值，表示是否設置了標志。正則表達式的字符串表示，按照字面量形式而非傳入構造函數中的字符串模式返回正則表達式的實例方法方法是否匹配基本語法參數為正則表達式為所要匹配的字符串返回值布爾值在模式與該參數匹配的情況下返回否則，返回。

高程書中對正則部分介紹的偏少，特別是元字符部分幾乎沒有介紹；我找了幾篇不錯的博客作為收錄：
正則表達式30分鐘入門教程
正則表達式-理論基礎篇
正則表達式-基礎實戰篇
最全的常用正則表達式大全

正則表達式的實例屬性

RegExp 的每個實例都具有下列屬性，通過這些屬性可以取得有關模式的各種信息。
global:布爾值，表示是否設置了 g 標志。
ignoreCase:布爾值，表示是否設置了 i 標志。
lastIndex:整數，表示開始搜索下一個匹配項的字符位置，從 0 算起。
multiline:布爾值，表示是否設置了 m 標志。
source:正則表達式的字符串表示，按照字面量形式而非傳入構造函數中的字符串模式返回

var pattern1 = /[bc]at/i;

alert(pattern1.global); //false
alert(pattern1.ignoreCase); //true
alert(pattern1.multiline); //false
alert(pattern1.lastIndex); //0
alert(pattern1.source); //"[bc]at"

var pattern2 = new RegExp("[bc]at", "i");

alert(pattern2.global); //false
alert(pattern2.ignoreCase); //true
alert(pattern2.multiline); //false
alert(pattern2.lastIndex); //0
alert(pattern2.source); //"[bc]at"

正則表達式的實例方法 test()方法【是否匹配】

基本語法：regular.test(string)
參數：regular 為正則表達式；string 為所要匹配的字符串
返回值：布爾值

在模式與該參數匹配的情況下返回 true;否則，返回 false。在只想知道目標字符串與某個模式是否匹配，但不需要知道其文本內容的情況下，使用這個方法非常方便，因此，test()方法經常被用在 if 語句中

// 檢測輸入字符是否為漢字
/^[u4e00-u9fa5]{0,}$/.test("哈哈");    // true

// 校驗電話號碼
/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])d{8}$/.test("13365191314")

test()方法常用語校驗用戶輸入的內容是否符合規范

exec()方法【捕獲組】

基本語法：regular.exec(string)
參數：regular 為正則表達式；string 為所要匹配的字符串
返回值：數組或null(未匹配成功時)

1.返回數組組成元素

先來個例子：

var result = /(d+):(w+)/.exec("1234:abcd");
console.log(result) // --> ["1234:abcd", "1234", "abcd"]

var result = /(d+):(w+)/.exec("呀！出錯了");
console.log(result) // --> null

上面可以看到，匹配不到字符則返回null，匹配到則返回一個數組；那么它的元素組成是怎么樣的呢？

返回的數組的第一個元素是與整個正則匹配的文本，后面的組成項依次為正則中的子表達式（組）
例子中的第一個子表達式為(d+)，對應的匹配值為"1234"；第二個字表達式為(w+)，對應的匹配值為"abcd"，因此返回的數組為["1234:abcd", "1234", "abcd"]

2.返回數組的詳細信息

還是上面的例子：

var result = /(d+):(w+)/.exec("1234:abcd");
console.log(result); // --> ["1234:abcd", "1234", "abcd"]
console.log(result.input); // ---> "1234:abcd"
console.log(result.index); // ---> 0

從上面返回的數組結果可知，數組添加了兩個額外的屬性，分別是：index, input
index: 匹配文本的第一個字符的位置
input: 指輸入的整體的文本

3.exec()匹配注意點

執行exec函數時，盡管是全局匹配的正則表達式，但是exec方法只對指定的字符串進行一次匹配，
獲取字符串中第一個與正則表達式想匹配的內容，并且將匹配內容和子匹配的結果存儲到返回的數組中，例如：/d/g.exec("a22") ，返回的結果和上面的結果一樣： ["2"]

下面這個例子主要是全局捕獲和非全局捕獲的信息對比：

var text = "cat, bat";
var pattern1 = /.at/;

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

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

var pattern2 = /.at/g;

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

matches = pattern2.exec(text);
alert(matches.index);        //5
alert(matches[0]);           //bat
alert(pattern2.lastIndex);   //8

matches = pattern2.exec(text);
alert(matches); //null
alert(pattern2.lastIndex);//0

結論：
1.同一正則表達式，在全局匹配模式下，每次實例的lastIndex屬性的值為匹配文本最后一個字符的下一個位置
2.當 exec() 再也找不到匹配的文本時，它將返回 null，并把 lastIndex 屬性重置為 0。

云服務器 GPU云服務器高級程序設計-筆記高級javascript程序設計 javascript高級程序設計 javascript高級程序

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

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

es5學習筆記——拜讀JavaScript高級程序設計（持續更新）

摘要：當以非構造函數形式被調用時，等同于。并且，函數執行完畢后，其活動對象不會被銷毀，因為匿名函數的作用域鏈仍然在引用這個活動對象。知道閉包被銷毀，創建函數的活動對象才會被回收。本著盡可能多的完善基礎知識，打好基礎，做一條有夢想的咸魚。 1.數據類型基本數據類型：Undefined,Null,Boolean,Number,String,一種復雜數據類型Object 2.typeof操...

reclay 2019-08-20 15:29 評論0 收藏0
正則表達式

摘要：最全正則表達式總結驗證號手機號中文郵編身份證地址等是正則表達式的縮寫，作用是對字符串執行模式匹配。學習目標了解正則表達式語法在中使用正則表達式在中使 JS高級技巧本篇是看的《JS高級程序設計》第23章《高級技巧》做的讀書分享。本篇按照書里的思路根據自己的理解和經驗，進行擴展延伸，同時指出書里的一些問題。將會討論安全的類型檢測、惰性載入函數、凍結對象、定時器等話題。1. 安全的類型檢測...

yibinnn 2019-08-21 17:57 評論0 收藏0
《javascript高級程序設計》筆記：檢測數組的方法

摘要：如果網頁中包含多個框架，那實際上就存在兩個以上不同的全局執行環境，從而存在兩個以上不同版本的構造函數。如果你從一個框架向另一個框架傳入一個數組，那么傳入的數組與在第二個框架中原生創建的數組分別具有各自不同的構造函數。如何檢測某個變量是否為數組？《javascript 高級程序設計》原文摘錄: 自從 ECMAScript 3 做出規定以后，就出現了確定某個對象是不是數組的經典問題...

wums 2019-08-20 18:32 評論0 收藏0
《JavaScript高級程序設計》（第3版）讀書筆記第4章變量、作用域和內存問題

摘要：具體說就是執行流進入下列任何一個語句時，作用域鏈就會得到加長語句的塊。如果局部環境中存在著同名的標識符，就不會使用位于父環境中的標識符訪問局部變量要比訪問全局變量更快，因為不用向上搜索作用域鏈。基本類型和引用類型的值 ECMAscript變量包含基本類型值和引用類型值基本類型值值的是基本數據類型：Undefined, Null, Boolean, Number, String ...

lidashuang 2019-08-23 17:19 評論0 收藏0