正則替換 + 捕捉組預覽
三欄即時編輯:**Pattern**(/.../flags) + **Replacement**($1 $2 / $<name>) + **Input**。下方原文高亮所有命中、輸出顯示替換結果、表格列出每一個 match 的捕捉組(含命名群組)。所有 6 個 flags 可即時切換。
//gu
$1-$9 = 捕捉組;$<name> = 命名群組;$& = 整段 match;$$ = 字面 $
3 個命中
alice@example.com, bob@dev.tw, c@x.org
mark.liu@psp-power.com.tw
| # | Match | 捕捉組 |
|---|---|---|
| 1 | alice@example.com | $1: alice $2: example $3: com |
| 2 | bob@dev.tw | $1: bob $2: dev $3: tw |
| 3 | c@x.org | $1: c $2: x $3: org |
›如何使用
- Pattern 框輸入正則(會自動套用右側的 flags chip);語法錯誤會直接顯示紅色提示。
- Replacement 框可用
$1、$2…捕捉組編號、$命名群組、$&整段 match、$$字面$。 - Flags 可隨時切換 6 個(g/i/m/s/u/y),效果即時反映。
- 下方依序顯示:原文高亮 + 替換結果 + 每一個 match 的捕捉組表格。
Tips
gflag 才會走遍全部,沒勾的話我們也會自動補上(避免使用者疑惑為何只看到第一個)。uflag 預設開啟 — 才能用\p{Script=Han}之類的 Unicode 屬性。sflag(dotAll) 讓.也匹配換行,實務上跨行抓多行區塊很常需要。yflag(sticky)只從上次結束位置開始,專業 lexer 才會用;一般情境不用開。- 對標 regex101.com:那邊功能強但有點重 + 廣告;我們純前端 + 簡單即時。
💡 完全本地運算,pattern / input 都不會離開瀏覽器,適合處理含個資的字串。零寬度 match 有保護不會無窮迴圈。