[TOC] ## 概述 ``` var regex = /xyz/; //推薦 //等價 var regex = new RegExp('xyz'); //當表達式需要拼接時使用 var regex = /xyz/i; // 等價 var regex = new RegExp('xyz', 'i'); ``` ## 實例屬性 * **RegExp.prototype.ignoreCase**：返回一個布爾值，表示是否設置了`i`修飾符。 * **RegExp.prototype.global**：返回一個布爾值，表示是否設置了`g`修飾符。 * **RegExp.prototype.multiline**：返回一個布爾值，表示是否設置了`m`修飾符。 * **RegExp.prototype.lastIndex**：返回一個整數，表示下一次開始搜索的位置。該屬性可讀寫，但是只在進行連續搜索時有意義 * **RegExp.prototype.source**：返回正則表達式的字符串形式（不包括反斜杠），該屬性只讀。 ``` var r = /abc/igm; r.ignoreCase // true r.global // true r.multiline // true r.lastIndex // 0 r.source // "abc" ``` ## RegExp.prototype.test() 判斷是否匹配,返回布爾 ``` /cat/.test('cats and dogs') // true ``` 只有帶`g`修飾符的才`lastindex` 才有意義 ``` var r = /x/g; var s = '_x_x'; r.lastIndex // 0 r.test(s) // true r.lastIndex // 2 r.test(s) // true r.lastIndex // 4 r.test(s) // false ``` ## RegExp.prototype.exec() 返回匹配結果 ``` /wo/.exec('helo word');//[ 'wo', index: 5, input: 'helo word', groups: undefined ] /wo/.exec('helo wprd');//null ``` ## 字符串的實例方法 ### String.prototype.match() 返回匹配結果 ``` var s = '_x_xxx'; var r1 = /x+/g; s.match(r1);//[ 'x', 'xxx' ] ``` ### String.prototype.search() 返回第一個匹配的位置,無匹配則返回-1 ``` '__x_xxx'.search(/xxx/);//4 ``` ### String.prototype.replace() 替換匹配的值 如果不加`g` 則匹配所有 ``` 'aaa'.replace('a', 'b') // "baa" 'aaa'.replace(/a/, 'b') // "baa" 'aaa'.replace(/a/g, 'b') // "bbb" ``` replace方法的第二個參數還可以是一個函數 ``` '3 and 5'.replace(/[0-9]+/g, function (match) { return 2 * match; }) //6 and 10 ``` 第二參數的可追加多個參數 網頁模板替換的例子 ``` var prices = { 'p1': '$1.99', 'p2': '$9.99', 'p3': '$5.00' }; var template = '<span id="p1"></span>' + '<span id="p2"></span>' + '<span id="p3"></span>'; template.replace( /(<span id=")(.*?)(">)(<\/span>)/g, function(match, $1, $2, $3, $4){ return $1 + $2 + $3 + prices[$2] + $4; } );//"<span id="p1">$1.99</span><span id="p2">$9.99</span><span id="p3">$5.00</span>" ``` ### String.prototype.split() 按正則分割