JavaScript正則表達式

1、認識正則表達式

  1. 正則表達式是描述字符模式的對象,正則表達式用於對字符串模式匹配及檢索替換,是對字符串執行模式匹配的強大工具。
  2. StringRegExp都定義了使用正則表達式進行強大的模式匹配和文本檢索與替換的函數。
  3. 正則表達式主要用來驗證客戶端的輸入數據。能夠節約大量的服務器端的系統資源,而且提供更好的用戶體驗。

2、建立正則表達式

  1. 字面量。語法:Reg = /pattern/modifiers; 字面量的正則由兩個正斜杆組成//,第一個正斜杆後面寫規則:/pattern[規則能夠寫各式各樣的元字符|量詞|字集|斷言...]。第二個正斜杆後面寫標識符/modifiers[g全局匹配 | i忽略大小寫 | m換行匹配 | ^起始位置 | $結束位置] 標識符。
var Reg = /box/gi;
複製代碼
  1. 構造函數。語法 Reg = new RegExp( pattern , modifiers ); pattern ,modifiers此時是字符串。何種方法建立都是同樣的,pattern 模式 模板,要匹配的內容,modifiers 修飾符。
var Reg = new RegExp("box","gi");
複製代碼

3、正則表達式用法及區別

  1. String中正則表達式方法。
方法 描述
String.match(Reg) 返回RegExp匹配的包含所有字符串的數組或null
String.search(Reg) 返回RegExp匹配字符串首次出現的位置
String.replace(Reg, newStr) 用newStr替換RegExp匹配結果,並返回新字符串
String.split(Reg) 返回字符串按指定RegExp拆分的數組
var str = 'a1b2c3a4a5',
    reg = /a/g;
console.log(str.match(reg)); //["a", "a", "a"]

var str = 'a1b2c3a4a5',
    reg = /a/;
console.log(str.search(reg)); //0

var str = 'a1b2c3a4a5',
    reg = /a/g;
console.log(str.replace(reg,function(){
    console.log(arguments);
    return 5555;
}));

var str = 'a,b,c,d',
    reg = /,/g;
//console.log(str.split(',')); //["a", "b", "c", "d"]
console.log(str.split(reg)) //["a", "b", "c", "d"]
複製代碼
  1. RegExp對象的方法
方法 描述
RegExp.exec(String) 在字符串中執行匹配搜索,返回首次匹配結果數組
RegExp.test(String) 在字符串中測試模式匹配,返回true或false
var str = 'abcd',
    reg = /\w/g;
console.log(reg.exec(str)); //["a", index: 0, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //["b", index: 1, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //["c", index: 2, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //["d", index: 3, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //null
console.log(reg.exec(str)); //["a", index: 0, input: "abcd", groups: undefined]

var str = 'abcd',
    reg = /7/g;
console.log(reg.test(str)); //false
複製代碼

4、修飾符

  1. 修飾符也稱做標識符,可指定匹配的模式,修飾符用於執行區分大小寫和全局匹配。
  2. i忽略大小寫匹配。
  3. g全局匹配,沒有g只匹配第一個元素,就不在進行匹配。
  4. m執行多行匹配。
var patt =  /pattern/i;         //忽略大小寫匹配
var patt =  /pattern/g;         //全局匹配
var patt =  /pattern/m;         //執行多行匹配
複製代碼

5、元字符

  1. 在正則表達式中具備特殊意義的專用字符。
  2. 特殊的轉譯字符. \ /
. 單個任意字符,除了換行符\n與製表符\r 
\ 轉義字符,將具備特殊意義的符號轉義成普通符號: \.
\d 數字[0~9]
\D 非數字
\s 空格
\S 非空格
\w 字符[字母|數字|下劃線]
\W 非字符
\b 單詞邊界( 除了 (字)字母 數字_ 都算單詞邊界) 
\B 非單詞邊界
複製代碼
var reg = /\./;//匹配.
var reg = /\\/;//匹配\
var reg = /\//;//匹配/

var str = '\\';
var reg = /\\/g;
console.log(reg.test(str)); //true
複製代碼

6、量詞

  1. 匹配字符的出現次數,匹配模式中有貪婪模式與懶惰模式。
  2. 量詞 默認就是貪婪模式。
n? 無關緊要,匹配0個或1個n的字符串  
n* 匹配0個或多個字符串(任意個) 
n+ 匹配至少1個n字符串 
n{num} 匹配包含num個n的序列的字符串
n{min,max} 匹配包含至少min或至多max個n的序列的字符串
n{num,} 匹配至少num個n的序列字符串
複製代碼

7、 特殊符號

^n 匹配以n開頭的字符串 
n$ 匹配以n結尾的字符串
[^n] ^出現中在[]中括號裏表示取不包含n字符的字符串 
n|m 匹配n或者m.兩個只取一個
複製代碼

8、貪婪/懶惰

貪婪: 儘量多的匹配 / 惰性: 儘量少的匹配。正則表達式

n+ 貪婪模式爲默認 
n+? 量詞後面帶?問號就是懶惰模式,以次類推
{n,m} 貪婪模式 
{n,m}? 懶惰模式
複製代碼
var reg = /好{3}/;//查找出現3次的字符
var reg = /好{0,9}/;//匹配一個字符出現9次的,不行的話就遞減 9 8 7 6 5 4 3 2 1 0(貪婪模式)
var reg = /好{1,9}/;//匹配一個字符出現1~9次的 先最大次數開始匹配(貪婪模式)
var reg = /好{1,}/;//最少出現一次,最多沒有上限
var reg = /好{1,2}/;//最少出現一次,最多兩次
var reg = /好*/;// 匹配0個或任意個字符串(任意個) {0,}
var reg = /好+/;//只是一個最多沒有上限{1,}
var reg = /好?/;//無關緊要 能夠是沒有也能夠是1個 {0,1}

var reg = /好{3,9}/;//貪婪模式 往多的找
var reg = /好{2,9}?/;//惰性(懶惰)模式 往少的找
var reg = /好{2,9}?/g;//全局匹配

var reg = /^l\w+/gm;//查找l開頭的任意字符
var reg = /\w+2$/gm;//任意字符後面是以2結束的字符
複製代碼

9、字集[]/分組()

  1. 字集[],[]表明一個集合。
[1-9] 匹配0~9之間的字符  
[^1-9] 匹配非0~9之間的字符 
[a-z] 匹配小寫a至小寫z的字符 
[A-Z] 匹配大寫A至大寫Z的字符 
[\u4e00-\u9fa5] 匹配全部中文 
[1-9a-zA-Z] 可配合使用 
複製代碼
  1. 分組(),()表明一個分組。
(abc)b 匹配到abcd字符串abc是一個不可劃分的總體
(\d{4})b 匹配任意4個數字加上b的字符 
複製代碼

匹配到的分組能夠依次使用 $1 $2 $3取到。windows

var y = "2018-06-29";
y.replace(/(d+)-(d+)-(d+)/,"$2/$3/$1");//"06/29/2018"
複製代碼
var str = 'abcdefg';
var reg = /(abc)d/;//匹配abcd
var val = reg.exec( str);
console.log( val );   //["abcd", "abc", index: 0, input: "abcdefg"]
//索引0 爲匹配的結果,索引1 爲第一個子表達式 匹配結果 ,index :首次匹配成功的索引值, input: 匹配目標。
複製代碼

(pattern)匹配pattern並捕獲結果,自動設置組號,是從1開始的正整數,經過\num進行引用,引用是值的引用,匹配結果的引用不是匹配形式引用。數組

10、斷言/前瞻

  1. 正則表達式中,用於查找某些內容以前(前瞻)或者以後(後顧)的東西,叫作斷言。JavaScript只有前瞻,並無後顧。
  2. 零寬度,說明它是不佔字符寬度的,只是一個位置,它不匹配任何東西。(?=pattern) 零寬正向斷言 ,(?!pattern) 零寬負向斷言。
//匹配 「Windows2000」 中的 「Windows」 ,不匹配 「Windows3.1」 中的 「Windows」。
Windows(?=2000) //匹配windows且後面跟2000
複製代碼
//匹配 「Windows3.1」 中的 「Windows」 ,不匹配 「Windows2000」 中的 「Windows」。
Windows (?!2000)//匹配windows且後面非2000
複製代碼
相關文章
相關標籤/搜索