JS中正則表達(dá)式研究（一）

zhouzhou 發(fā)布于2019-08-21 10:43 / 1642人閱讀

摘要：因?yàn)樽鲆坏李}，題目如下其中一個(gè)解答，引起了我對(duì)正則的研究興趣，解答如下我對(duì)正則表達(dá)式中的正向肯定預(yù)查一直不帶明白，所以趁這個(gè)機(jī)會(huì)研究一下。與此同時(shí)，對(duì)象的更新為下一次開始匹配的索引值。

因?yàn)樽鲆坏李}（http://www.codewars.com/kata/insert-dashes/solutions/javascript），題目如下：

Write a function insertDash(num) that will insert dashes ("-") between
each two odd numbers in num. For example: if num is 454793 the output
should be 4547-9-3. Don"t count zero as an odd number.

其中一個(gè)解答，引起了我對(duì)正則的研究興趣，解答如下：

function insertDash(num) {
   return String(num).replace(/([13579])(?=[13579])/g, "$1-");
}

我對(duì)正則表達(dá)式中的 正向肯定預(yù)查(?=pattern)一直不帶明白，所以趁這個(gè)機(jī)會(huì)研究一下。

下面是我的測(cè)試代碼：

var str = "13579";

var regArr = [
  /([13579])([13579])/g,    // capturing groups
  /([13579])(?:[13579])/g,  // non-capturing groups
  /([13579])(?=[13579])/g   // Assertions 
  ];


regArr.forEach(function(reg){
  console.log("regexp:", reg);
  while((q=reg.exec(str)) != null){
    console.log(q, "lastIndex", reg.lastIndex);
  }
  console.log("result:", str.replace(reg, "$1-"));
});

測(cè)試代碼的輸出：

regexp: /([13579])([13579])/g
["13", "1", "3", index: 0, input: "13579"] "lastIndex" 2
["57", "5", "7", index: 2, input: "13579"] "lastIndex" 4
result: 1-5-9
regexp: /([13579])(?:[13579])/g
["13", "1", index: 0, input: "13579"] "lastIndex" 2
["57", "5", index: 2, input: "13579"] "lastIndex" 4
result: 1-5-9
regexp: /([13579])(?=[13579])/g
["1", "1", index: 0, input: "13579"] "lastIndex" 1
["3", "3", index: 1, input: "13579"] "lastIndex" 2
["5", "5", index: 2, input: "13579"] "lastIndex" 3
["7", "7", index: 3, input: "13579"] "lastIndex" 4
result: 1-3-5-7-9

regexObj.exec(str) 返回結(jié)果是一個(gè)數(shù)組，其中第一個(gè)成員是所匹配的字符串，接下來是捕獲的分組，它有一個(gè)index 屬性，表明是從哪個(gè)地方開始匹配的。與此同時(shí)，reg 對(duì)象的 lastIndex 更新為下一次開始匹配的索引值。

/([13579])([13579])/g 每次匹配兩個(gè)字符，下次開始匹配位置 +2, 每次產(chǎn)生兩個(gè)捕獲分組；

/([13579])(?:[13579])/g, 每次也匹配兩個(gè)字符，下次開始匹配位置 +2, 由于使用了非捕獲匹配，所以每次產(chǎn)生一個(gè)捕獲分組；

/([13579])(?=[13579])/g, (?=[13579])只幫助定位匹配的位置，并不屬于匹配的字符，所以每次匹配一個(gè)字符，所以下一次開始匹配位置 +1 ；

參考

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec