隨手查閱的正則匹配筆記

Riddler 發布于2019-08-22 15:09 / 623人閱讀

摘要：可視化查看正則表達式復雜版，很直觀，神器一枚可視化查看正則表達式簡化版

常見需求如下：

如果你只需要獲取字符串中的首個匹配項

var re = /quicks(brown).+?(jumps)/ig;
var result = re.exec("The Quick Brown Fox Jumps Over The Lazy Dog");
// 就算有 g 標識，通過 exec 也只能獲取到首個匹配項
// result[0]: Quick Brown Fox Jumps

使用了 g 標識時（不使用時以下方法也適用），如果你想獲取正則中的組匹配（capture groups）信息

var re = /quicks(brown).+?(jumps)/ig;
var result = re.exec("The Quick Brown Fox Jumps Over The Lazy Dog");
// index 1~n 就是組匹配到的結果（此處正則中有兩個括號，則 n 為 2）
// result[1]: Brown
// result[2]: Jumps

關于 exec 的更多詳細說明可以查看 MDN 文檔 RegExp.prototype.exec()

不使用 g 標識時，如果你想獲取正則中的組匹配（capture groups）信息

"mockid=272;其他說明文字……".match(/mockid=(d+);/i)
// ["mockid=272;", "272", index: 0, input: "mockid=272;其他說明文字……"]
// 如果加上 g 標識，就只能得到 ["mockid=272;"]

匹配多種可能出現的值，獲取最終匹配到的值

"GET/path/to/some/place".match(/^(GET|POST|PUT|DELETE)/gi)
// 輸出：["GET"]

關于 match 的更多詳細說明可以查看 MDN 文檔 String.prototype.match()

只想知道是否匹配某個正則（true or false）

// RegExp.prototype.test()
var str = "hello world!";
var result = /^hello/.test(str);
console.log(result); // true

關于 test 的更多詳細說明可以查看 MDN 文檔 RegExp.prototype.test()

// String.prototype.search()
var str = "hey JudE";
var re = /[A-Z]/g;
var re2 = /[.]/g;
console.log(str.search(re)); // returns 4, which is the index of the first capital letter "J"
console.log(str.search(re2)); // returns -1 cannot find "." dot punctuation
// 因此可以直接判斷返回負值時匹配結果為 false

關于 search 的更多詳細說明可以查看 MDN 文檔 String.prototype.search()

對匹配成功的字符串進行處理

function replacer(match, p1, p2, p3, offset, string) {
  // p1:([^d]*) p2:(d*) p3:([^w]*)
  // p1 非數字, p2 數字, p3 非文字
  return [p1, p2, p3].join(" - ");
}
var newString = "abc12345#$*%".replace(/([^d]*)(d*)([^w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%

推薦正則工具：

RegExr

非常好用的一個正則編寫工具，我會點開左側菜單欄里的 cheatsheet 來學習編寫符合我需求的正則表達式。

Debuggex

可視化查看正則表達式（復雜版），很直觀，神器一枚

Regexper

可視化查看正則表達式（簡化版）

云服務器 GPU云服務器正則匹配正則匹配正則表達式正則匹配漢字 php正則匹配

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

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

關于正則表達式的一些筆記整理

摘要：于是對應著，對應著輸出月日年九前瞻正則表達式從文本頭部想穩步開始解析，文本尾部方向，稱為前。只是條件不參與匹配找英文數字下劃線而且后面跟著數字的。基礎知識一元字符單詞邊界 d 數字 [0-9] w 英文數字下劃線 [a-z0-9_] s 空白字符[ v f] 水平制表符，v垂直制表符，換行符，回車符，f換頁符反義 B 非單詞邊界 D [^0-9] W [^...

fancyLuo 2019-08-02 16:13 評論0 收藏0
關于正則表達式的一些筆記整理

摘要：于是對應著，對應著輸出月日年九前瞻正則表達式從文本頭部想穩步開始解析，文本尾部方向，稱為前。只是條件不參與匹配找英文數字下劃線而且后面跟著數字的。基礎知識一元字符單詞邊界 d 數字 [0-9] w 英文數字下劃線 [a-z0-9_] s 空白字符[ v f] 水平制表符，v垂直制表符，換行符，回車符，f換頁符反義 B 非單詞邊界 D [^0-9] W [^...

dailybird 2019-08-23 17:03 評論0 收藏0
正則表達式

摘要：本文內容共正則表達式火拼系列正則表達式回溯法原理學習正則表達式，是需要懂點兒匹配原理的。正則表達式迷你書問世了讓幫你生成和解析參數字符串最全正則表達式總結驗證號手機號中文郵編身份證地址等是正則表達式的縮寫，作用是對字符串執行模式匹配。 JS 的正則表達式正則表達式一種幾乎可以在所有的程序設計語言里和所有的計算機平臺上使用的文字處理工具。它可以用來查找特定的信息（搜索），也可以用來查...

bang590 2019-08-22 13:59 評論0 收藏0
正則表達式

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

yibinnn 2019-08-21 17:57 評論0 收藏0