JavaScript 正則表達式

經常使用正則表達式:javascript

  • [0-9a-zA-Z\_]能夠匹配一個數字、字母或者下劃線;
  • [0-9a-zA-Z\_]+能夠匹配至少由一個數字、字母或者下劃線組成的字符串,好比'a100','0_Z','js2015'等等;
  • [a-zA-Z\_\$][0-9a-zA-Z\_\$]*能夠匹配由字母或下劃線、$開頭,後接任意個由一個數字、字母或者下劃線、$組成的字符串,也就是JavaScript容許的變量名;
  • [a-zA-Z\_\$][0-9a-zA-Z\_\$]{0, 19}更精確地限制了變量的長度是1-20個字符(前面1個字符+後面最多19個字符)。
  • A|B能夠匹配A或B,因此[J|j]ava[S|s]cript能夠匹配'JavaScript'、'Javascript'、'javaScript'或者'javascript'。
  • ^表示行的開頭,^\d表示必須以數字開頭。
  • $表示行的結束,\d$表示必須以數字結束。
  • .能夠匹配任意字符,'js.'能夠匹配'jsp'、'jss'、'js!'等等。
  • \d能夠匹配一個數字,\w能夠匹配一個字母或數字

在JavaScript中使用正則表達式

<script>
  var re1 = /\d+/;
  var re2 = new RegExp('\d+');
  // 若是使用第二種寫法,由於字符串的轉義問題,字符串的兩個\\其實是一個\。
  console.log(re1.test('123'));
  console.log(re1.test('123a'));
  // RegExp對象的test()方法用於測試給定的字符串是否符合條件。
</script>

切分字符串

字符串的split方法,還能夠傳入正則表達式:java

<script>
    'a b c'.split(/\s+/); // ['a', 'b', 'c']
    'a,b, c d'.split(/[\s\,]+/); // ['a', 'b', 'c', 'd']
</script>

分組

除了簡單地判斷是否匹配以外,正則表達式還有提取子串的強大功能。用()表示的就是要提取的分組(Group)。好比:^(\d{3})-(\d{3,8})$分別定義了兩個組,能夠直接從匹配的字符串中提取出區號和本地號碼:正則表達式

<script>
  var re = /^(\d{3})-(\d{3,8})$/;
  re.exec('010-12345'); // ['010-12345', '010', '12345']
  re.exec('010 12345'); // null
</script>

若是正則表達式中定義了組,就能夠在RegExp對象上用exec()方法提取出子串來。
exec()方法在匹配成功後,會返回一個Array,第一個元素是正則表達式匹配到的整個字符串,後面的字符串表示匹配成功的子串。
exec()方法在匹配失敗時返回null。jsp

貪婪匹配

須要特別指出的是,正則匹配默認是貪婪匹配,也就是匹配儘量多的字符。舉例以下,匹配出數字後面的0:測試

var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']
// 因爲\d+採用貪婪匹配,直接把後面的0所有匹配了,結果0*只能匹配空字符串了。
// 必須讓\d+採用非貪婪匹配(也就是儘量少匹配),才能把後面的0匹配出來,加個?就可讓\d+採用非貪婪匹配:
var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00']

全局搜索

JavaScript的正則表達式還有幾個特殊的標誌,最經常使用的是g,表示全局匹配:spa

var r1 = /test/g;
// 等價於:
var r2 = new RegExp('test', 'g');
// 全局匹配能夠屢次執行exec()方法來搜索一個匹配的字符串。當咱們指定g標誌後,每次運行exec(),正則表達式自己會更新lastIndex屬性,表示上次匹配到的最後索引: var s = 'JavaScript, VBScript, JScript and ECMAScript';
var re=/[a-zA-Z]+Script/g;

// 使用全局匹配:
re.exec(s); // ['JavaScript']
re.lastIndex; // 10

re.exec(s); // ['VBScript']
re.lastIndex; // 20

re.exec(s); // ['JScript']
re.lastIndex; // 29

re.exec(s); // ['ECMAScript']
re.lastIndex; // 44

re.exec(s); // null,直到結束仍沒有匹配到

全局匹配相似搜索,所以不能使用/^...$/,那樣只會最多匹配一次。
正則表達式還能夠指定i標誌,表示忽略大小寫,m標誌,表示執行多行匹配。code

相關文章
相關標籤/搜索