無殤 javascript正則練習器

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

簡單修正版本，對於帶函數的替換暫時無法完成，普通替換已經可以了
http://www.jb51.net/tools/regex_test.htm <style type="text/css">  </style> <center><input type="button" value="正則例子詳解" onclick="document.getElementById('window2').style.display='none';document.getElementById('window3').style.display='inline';" class="bu" style="width:200px;"></center>一個Regex就是由一般字元（例如字元 a 到 z）以及特殊字元（稱為元字元）組成的文字模式。該模式描述在尋找文字主體時待匹配的一個或多個字串。Regex作為一個模板，將某個字元模式與所搜尋的字串進行匹配。 這裡有一些可能會遇到的Regex樣本：<table border="1" cellspacing="0" cols="3" frame="box" rules="all"><tr valign="top"><th width="30%">JScript</th><th width="30%">VBScript</th><th width="40%">匹配</th></tr><tr valign="top"><td width="30%">/^\[ \t]*$/</td><td width="30%">"^\[ \t]*$"</td><td width="40%">匹配一個空白行。</td></tr><tr valign="top"><td width="30%">/\d{2}-\d{5}/</td><td width="30%">"\d{2}-\d{5}"</td><td width="40%">驗證一個識別碼是否由一個2位元字，一個連字號以及一個5位元字組成。</td></tr><tr valign="top"><td width="30%">/<(.*)>.*<\/\1>/</td><td width="30%">"<(.*)>.*<\/\1>"</td><td width="40%">匹配一個 HTML 標籤。</td></tr></table>下表是元字元及其在Regex上下文中的行為的一個完整列表：<table border="1" cellspacing="0" cols="2" frame="box" rules="all"><tr valign="top"><th width="16%">字元</th><th width="84%">描述</th></tr><tr valign="top"><td width="16%">\</td><td width="84%">將下一個字元標記為一個特殊字元、或一個原義字元、或一個後向引用、或一個八進位轉義符。例如，'n' 匹配字元 "n"。'\n' 匹配一個分行符號。序列 '\\' 匹配 "\" 而 "\(" 則匹配 "("。</td></tr><tr valign="top"><td width="16%">^</td><td width="84%">匹配輸入字串的開始位置。如果設定了 RegExp 對象的 Multiline 屬性，^ 也匹配 '\n' 或 '\r' 之後的位置。</td></tr><tr valign="top"><td width="16%">$</td><td width="84%">匹配輸入字串的結束位置。如果設定了RegExp 對象的 Multiline 屬性，$ 也匹配 '\n' 或 '\r' 之前的位置。</td></tr><tr valign="top"><td width="16%">*</td><td width="84%">匹配前面的子運算式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等價於{0,}。</td></tr><tr valign="top"><td width="16%">+</td><td width="84%">匹配前面的子運算式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等價於 {1,}。</td></tr><tr valign="top"><td width="16%">?</td><td width="84%">匹配前面的子運算式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等價於 {0,1}。</td></tr><tr valign="top"><td width="16%">{n}</td><td width="84%">n 是一個非負整數。匹配確定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的兩個 o。</td></tr><tr valign="top"><td width="16%">{n,}</td><td width="84%">n 是一個非負整數。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等價於 'o+'。'o{0,}' 則等價於 'o*'。</td></tr><tr valign="top"><td width="16%">{n,m}</td><td width="84%">m 和 n 均為非負整數，其中n <= m。最少匹配 n 次且最多匹配 m 次。劉， "o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價於 'o?'。請注意在逗號和兩個數之間不能有空格。</td></tr><tr valign="top"><td width="16%">?</td><td width="84%">當該字元緊跟在任何一個其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 後面時，匹配模式是非貪婪的。非貪婪模式儘可能少的匹配所搜尋的字串，而預設的貪婪模式則儘可能多的匹配所搜尋的字串。例如，對於字串 "oooo"，'o+?' 將匹配單個 "o"，而 'o+' 將匹配所有 'o'。</td></tr><tr valign="top"><td width="16%">.</td><td width="84%">匹配除 "\n" 之外的任何單個字元。要匹配包括 '\n' 在內的任何字元，請使用象 '[.\n]' 的模式。</td></tr><tr valign="top"><td width="16%">(pattern)</td><td width="84%">匹配pattern 並擷取這一匹配。所擷取的匹配可以從產生的 Matches 集合得到，在VBScript 中使用 SubMatches 集合，在JScript 中則使用 $0…$9 屬性。要匹配圓括弧字元，請使用 '$' 或 '$'。</td></tr><tr valign="top"><td width="16%">(?:pattern)</td><td width="84%">匹配 pattern 但不擷取匹配結果，也就是說這是一個非擷取匹配，不進行儲存供以後使用。這在使用 "或" 字元 (|) 來組合一個模式的各個部分是很有用。例如， 'industr(?:y|ies) 就是一個比 'industry|industries' 更簡略的運算式。</td></tr><tr valign="top"><td width="16%">(?=pattern)</td><td width="84%">正向預查，在任何匹配 pattern 的字串開始處匹配尋找字串。這是一個非擷取匹配，也就是說，該匹配不需要擷取供以後使用。例如， 'Windows (?=95|98|NT|2000)' 能匹配 "Windows 2000" 中的 "Windows" ，但不能匹配 "Windows 3.1" 中的 "Windows"。預查不消耗字元，也就是說，在一個匹配發生後，在最後一次匹配之後立即開始下一次匹配的搜尋，而不是從包含預查的字元之後開始。</td></tr><tr valign="top"><td width="16%">(?!pattern)</td><td width="84%">負向預查，在任何不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字串開始處匹配尋找字串。這是一個非擷取匹配，也就是說，該匹配不需要擷取供以後使用。例如'Windows (?!95|98|NT|2000)' 能匹配 "Windows 3.1" 中的 "Windows"，但不能匹配 "Windows 2000" 中的 "Windows"。預查不消耗字元，也就是說，在一個匹配發生後，在最後一次匹配之後立即開始下一次匹配的搜尋，而不是從包含預查的字元之後開始 </td></tr><tr valign="top"><td width="16%">x|y</td><td width="84%">匹配 x 或 y。例如，'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 則匹配 "zood" 或 "food"。 </td></tr><tr valign="top"><td width="16%">[xyz]</td><td width="84%">字元集合。匹配所包含的任意一個字元。例如， '[abc]' 可以匹配 "plain" 中的 'a'。 </td></tr><tr valign="top"><td width="16%">[^xyz]</td><td width="84%">負值字元集合。匹配未包含的任一字元。例如， '[^abc]' 可以匹配 "plain" 中的'p'。 </td></tr><tr valign="top"><td width="16%">[a-z]</td><td width="84%">字元範圍。匹配指定範圍內的任一字元。例如，'[a-z]' 可以匹配 'a' 到 'z' 範圍內的任意小寫字母字元。 </td></tr><tr valign="top"><td width="16%">[^a-z]</td><td width="84%">負值字元範圍。匹配任何不在指定範圍內的任一字元。例如，'[^a-z]' 可以匹配任何不在 'a' 到 'z' 範圍內的任一字元。 </td></tr><tr valign="top"><td width="16%">\b</td><td width="84%">匹配一個單詞邊界，也就是指單詞和空格間的位置。例如， 'er\b' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。 </td></tr><tr valign="top"><td width="16%">\B</td><td width="84%">匹配非單詞邊界。'er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。</td></tr><tr valign="top"><td width="16%">\cx</td><td width="84%">匹配由x指明的控制字元。例如， \cM 匹配一個 Control-M 或斷行符號符。 x 的值必須為 A-Z 或 a-z 之一。否則，將 c 視為一個原義的 'c' 字元。 </td></tr><tr valign="top"><td width="16%">\d</td><td width="84%">匹配一個數字字元。等價於 [0-9]。 </td></tr><tr valign="top"><td width="16%">\D</td><td width="84%">匹配一個非數字字元。等價於 [^0-9]。 </td></tr><tr valign="top"><td width="16%">\f</td><td width="84%">匹配一個換頁符。等價於 \x0c 和 \cL。</td></tr><tr valign="top"><td width="16%">\n</td><td width="84%">匹配一個分行符號。等價於 \x0a 和 \cJ。</td></tr><tr valign="top"><td width="16%">\r</td><td width="84%">匹配一個斷行符號符。等價於 \x0d 和 \cM。</td></tr><tr valign="top"><td width="16%">\s</td><td width="84%">匹配任何空白字元，包括空格、定位字元、換頁符等等。等價於 [ \f\n\r\t\v]。</td></tr><tr valign="top"><td width="16%">\S</td><td width="84%">匹配任何非空白字元。等價於 [^ \f\n\r\t\v]。</td></tr><tr valign="top"><td width="16%">\t</td><td width="84%">匹配一個定位字元。等價於 \x09 和 \cI。</td></tr><tr valign="top"><td width="16%">\v</td><td width="84%">匹配一個垂直定位字元。等價於 \x0b 和 \cK。</td></tr><tr valign="top"><td width="16%">\w</td><td width="84%">匹配包括底線的任何單詞字元。等價於'[A-Za-z0-9_]'。 </td></tr><tr valign="top"><td width="16%">\W</td><td width="84%">匹配任何非單詞字元。等價於 '[^A-Za-z0-9_]'。 </td></tr><tr valign="top"><td width="16%">\xn</td><td width="84%">匹配 n，其中 n 為十六進位轉義值。十六進位轉義值必須為確定的兩個數字長。例如， '\x41' 匹配 "A"。'\x041' 則等價於 '\x04' & "1"。Regex中可以使用 ASCII 編碼。.</td></tr><tr valign="top"><td width="16%">\num</td><td width="84%">匹配 num，其中 num 是一個正整數。對所擷取的匹配的引用。例如，'(.)\1' 匹配兩個連續的相同字元。 </td></tr><tr valign="top"><td width="16%">\n</td><td width="84%">標識一個八進位轉義值或一個後向引用。如果 \n 之前至少 n 個擷取的子運算式，則 n 為後向引用。否則，如果 n 為八位元字 (0-7)，則 n 為一個八進位轉義值。</td></tr><tr valign="top"><td width="16%">\nm</td><td width="84%">標識一個八進位轉義值或一個後向引用。如果 \nm 之前至少有is preceded by at least nm 個擷取得子運算式，則 nm 為後向引用。如果 \nm 之前至少有 n 個擷取，則 n 為一個後跟文字 m 的後向引用。如果前面的條件都不滿足，若 n 和 m 均為八位元字 (0-7)，則 \nm 將匹配八進位轉義值 nm。</td></tr><tr valign="top"><td width="16%">\nml</td><td width="84%">如果 n 為八位元字 (0-3)，且 m 和 l 均為八位元字 (0-7)，則匹配八進位轉義值 nml。</td></tr><tr valign="top"><td width="16%">\un</td><td width="84%">匹配 n，其中 n 是一個用四個十六進位數字表示的 Unicode 字元。例如， \u00A9 匹配著作權符號 (?)。</td></tr></table> <center><button class="bu" style="width:300px;" onclick="sender();">以下內容純屬個人所做，如有缺失，請幫忙指正！</button> <input type="button" class="bu" style="width:300px;" onclick="document.getElementById('window3').style.display='none';document.getElementById('window2').style.display='inline';" value="正則說明"></center>例子1：.+詳解：這是最簡單的一行全部匹配，也就是擷取的內容是一整行的內容！因為"."是除換行(\n)外的所有字元集，而"+"又代表至少一個的意思，合起來就是擁有至少一個除換行外的所有字元集，而行與行之間是以分行符號（\r\n）進行簡隔的，所以這句正則代表了一行，由於分行符號中包含了\r這個"."元字元所擁有的字元，所以就算行為空白也是匹配的，如果換成[^\r\n]+的話就空行就不匹配了！<input type="button" value="實驗" class="bu" onclick="set('第一行\n\n第三行','.+');">例子2：<.+?>這個匹配HTML元素的正則，就是以為止！正則裡面的?是非貪婪模式，詳情請看正則說明！也就是遇到第一個符合的匹配就停止搜尋！如果沒加，就會一直搜尋到最後一個>為止！<input type="button" value="實驗" class="bu" onclick="set('實驗<\/font>','<.+?>');">如果沒加"?"，以貪婪模式進行搜尋結果：<input type="button" value="實驗" class="bu" onclick="set('實驗<\/font>其它不相關內容','<.+>');">例子3：<tr.*?>[\s\S]*?<\/tr>這個正則匹配表格中的tr行！並且是跨換行進行匹配！首先<tr>是對tr開頭進行匹配，因為有些tr開頭有參數，所以加上.*?對參數部分進行匹配，如果沒有參數，則.*?為空白！[\s\S]是對包括分行符號在內的任務字元進行匹配，因為\s匹配空白字元，而\S又與它相反，兩個合在一個字元集合"[]"中就代表了所有的電腦字元！"*"代表0或無限個，合起來就是匹配所有字串，"?"是非貪婪模式，也就是找到第一個之後就停止搜尋，例子2有相關介紹<input type="button" value="實驗" class="bu" onclick="set('<table>\n<tr>\n<td>相關內容\n<\/td>\n<\/tr>\n\n<tr bgcolor=red><td>相關內容<\/td><\/tr><table>','<tr.*?>[\\s\\S]*?<\\/tr>');"> <textarea style="font-size:13px;" name="a" rows="20" cols="120" class="tx1"> 正則：<input type="text" size="60" name="zhe" class="tx1"> <select onchange="zhe.value+=this.value;this.selectedIndex=0;"><option>常用字元</option><option value=".">除換行外任一字元</option><option value="[]">範圍內的字元</option><option value="[^]">範圍外的字元</option><option value="?">非貪婪模式</option><option value="*">0或無限個</option><option value="+">至少一個</option><option value="{n}">含有n個</option><option value="{n,}">含有至少n個</option><option value="{n,m}">含有n至m個</option><option value="()">擷取子匹配</option><option value="(?:)">非擷取子匹配</option><option value="(?=)">正向預查</option><option value="(?!)">負向預查</option><option value="[\s\S]">換行在內任一字元</option><option value="[a-z]">小寫字母</option><option value="[a-zA-Z]">大小寫字母</option><option value="[\u4e00-\u9fa5]">中文</option><option value="[ -~]">常用字元(單位元組)</option></select>替換：<input type="text" size="60" name="ti" class="tx1"> <select onchange="if(this.selectedIndex!=10)ti.value+=this.value;else ti.value=this.value;this.selectedIndex=0;"><option>常用字元</option><option value="$1">子匹配1</option><option value="$2">子匹配2</option><option value="$3">子匹配3</option><option value="$4">子匹配4</option><option value="$5">子匹配5</option><option value="$6">子匹配6</option><option value="$7">子匹配7</option><option value="$8">子匹配8</option><option value="$9">子匹配9</option><option value="function(a){return a;}">函數</option></select><input type="button" value="尋找" onclick="if(zhe.value!='')zhen(0)" class="bu"><input type="button" value="替換" onclick="if(zhe.value!='')zhen(1)" class="bu"><input type="button" value="產生" onclick="if(zhe.value!='')shen()" class="bu"><input type="button" value="g" name="gg" onclick="if(this.value=='g'){this.value='';}else{this.value='g';};l=gg.value+ii.value+mm.value;" style="width:25" class="bu"><input type="button" value="i" name="ii" onclick="if(this.value=='i'){this.value='';}else{this.value='i';};l=gg.value+ii.value+mm.value;" style="width:25" class="bu"><input type="button" value="m" name="mm" onclick="if(this.value=='m'){this.value='';}else{this.value='m';};l=gg.value+ii.value+mm.value;" style="width:25" class="bu"><input type="button" value="不帶函數" onclick="this.value=(this.value=='不帶函數'?'帶函數':'不帶函數')" name="fun" style="width:85" class="bu"><input type="button" value="顯示子匹配" onclick="this.value=(this.value=='隱藏子匹配'?'顯示子匹配':'隱藏子匹配')" name="zhip" style="width:85" class="bu"><input type="button" value="使用協助" class="bu" onclick="alert('左邊的gim三個按鈕為目前正則的參數,預設情況下三個參數都為true,點擊參數按鈕,按鈕變空則參數消除!另外兩個[不帶函數]和[顯示子匹配]為目前正則搜尋設定,點擊可更換設定![產生]為快速產生Regex和字串轉碼!');"><input type="button" value="正則協助" onclick="window.showModelessDialog(location.href,document.all,'overflow:auto;dialogHeight:600px;dialogWidth:700px;');" style="color:red;" class="bu"> 說明:天藍色部分為主匹配,土色部分為子匹配!運算式：<input type="text" size="30" onfocus="this.select();" name="zz"><input type="text" style="width:25px;" value="str" onfocus="this.select();" name="thename"><input type="text" size="50" onfocus="this.select();" name="tiz"> 限制匹配個數:<input type="text" name="num" value="0" class="tx1" onfocus="this.select();" title="0則不限" style="width:30px;">-->共有匹配:[ 0 ] 個,子匹配 [ 0 ] 個 <center id="b">搜尋結果地區</center>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More