JScript 正則表達式完整教學：RegExp 物件、String 方法、進階替換技巧與實戰範例

正則表達式是文字處理的瑞士刀。JScript (Microsoft 的 ECMAScript 3 實作) 提供 `RegExp` 物件與 `String` 相關方法，雖然語法與現代 JavaScript (ES5+) 大同小異，但仍有獨特屬性 (如靜態 `RegExp.$1`、$`、$' 等)。本文系統整理建立、匹配、替換、屬性存取等核心用法，並展示語法高亮、樣板引擎等實戰模式。

建立 RegExp 物件：兩種方式

// 1. 建構函式 (需雙重跳脫)
var re1 = new RegExp("\\w+", "igm"); // 字串中 \ 需寫 \\

// 2. 字面量語法 (推薦，可讀性高、無需跳脫)
var re2 = /\w+/igm;

旗標：`i` (忽略大小寫)、`g` (全域匹配)、`m` (多行模式 `^$` 匹配行首尾)。

RegExp 核心方法

exec() 迭代匹配標準模式

var re = /\w+/g;
var str = "Hello World 123";
var match;
while ((match = re.exec(str)) !== null) {
    console.log("匹配:", match[0], "位置:", match.index, "下一起始:", re.lastIndex);
}
// 輸出:
// 匹配: Hello 位置: 0 下一起始: 5
// 匹配: World 位置: 6 下一起始: 11
// 匹配: 123 位置: 12 下一起始: 15

RegExp 靜態屬性 (JScript 獨有/非標準)

執行 `exec()` 或 `test()` 後，`RegExp` 建構函式本身會更新下列**靜態屬性** (全域共享，非執行緒安全)：

String 正則相關方法

replace() 進階替換變數 (核心亮點)

第二參數為字串時，支援下列**特殊變數** (類似 Perl)：

實戰：關鍵字高亮 (語法著色核心邏輯)

var code = "function hello() { return 'world'; }";
var keywords = /\b(function|return|var|if|else|for|while)\b/g;

// 替換為 關鍵字
var highlighted = code.replace(keywords, '<span class="kw">$&</span>');

console.log(highlighted);
// 輸出: function hello() { return 'world'; }

實戰：函式回呼替換 (動態計算替換內容)

// 將所有數字乘 2
var text = "價格: 10, 數量: 3, 總計: 30";
var result = text.replace(/\d+/g, function(match, offset, string) {
    return parseInt(match) * 2;
});
console.log(result); // "價格: 20, 數量: 6, 總計: 60"

// 更複雜：解析模板 {{name}} → 資料對應值
var template = "你好, {{user}}! 你的等級: {{level}}";
var data = { user: "小明", level: "VIP" };
var rendered = template.replace(/\{\{(\w+)\}\}/g, function(match, key) {
    return data[key] || match; // 找不到保留原樣
});
console.log(rendered); // "你好, 小明! 你的等級: VIP"

完整實戰範例：簡易程式碼語法高亮器

<html><body>
<textarea id="codeInput" rows="15" cols="80">
function factorial(n) {
    if (n <= 1) return 1;
    return n * factorial(n - 1);
}
</textarea>
<button onclick="highlight()">高亮顯示</button>
<pre id="output" style="border:1px solid #ccc; padding:10px; background:#f8f8f8;"></pre>

<script>
function highlight() {
    var code = document.getElementById("codeInput").value;
    
    // HTML 編碼防 XSS
    code = code.replace(/&/g, "&").replace(//g, ">");
    
    // 定義規則陣列：[正則, CSS類別]
    var rules = [
        [/\b(function|return|var|if|else|for|while|do|break|continue|switch|case|default|try|catch|finally|throw|new|this|typeof|instanceof|in|delete|void)\b/g, "kw"],
        [/\b(true|false|null|undefined|NaN|Infinity)\b/g, "literal"],
        [/\b\d+(\.\d+)?\b/g, "number"],
        [/"([^"\\]|\\.)*"/g, "string"],
        [/'([^'\\]|\\.)*'/g, "string"],
        [/\/\/.*$/gm, "comment"],
        [/\/\*[\s\S]*?\*\//g, "comment"]
    ];
    
    // 為避免標籤巢狀破壞，採用「佔位符法」：先替換為唯一標記，最後一次性轉換
    var placeholders = [];
    rules.forEach(function(rule, i) {
        var regex = rule[0], cls = rule[1];
        code = code.replace(regex, function(match) {
            var ph = "@@PH" + i + "_" + placeholders.length + "@@";
            placeholders.push({ ph: ph, html: '<span class="' + cls + '">' + match + '</span>' });
            return ph;
        });
    });
    
    // 還原佔位符
    placeholders.forEach(function(p) {
        code = code.replace(p.ph, p.html);
    });
    
    document.getElementById("output").innerHTML = code;
}
</script>

<style>
.kw { color: #0000ff; font-weight: bold; }
.literal { color: #008000; }
.number { color: #ff0000; }
.string { color: #800080; }
.comment { color: #008000; font-style: italic; }
</style>
</body></html>

工具與資源

• RegexBuddy：最強正則設計/測試/除錯工具 (付費)，支援 JScript/.NET/Java/Python 等多引擎模擬。
• Regex101.com：線上免費測試、解釋、生成代碼 (支援 JavaScript/PCRE/Python/Go)。
• MSDN JScript Regular Expression Syntax：官方文件參考。

從 JScript 遷移到現代 JavaScript (ES6+) 差異提醒

• `String.prototype.matchAll(regexp)`：回傳迭代器，取代 `exec` 迴圈，支援捕獲群組完整資訊。
• `String.prototype.replaceAll(searchValue, replaceValue)`：直接全域替換字串，無需 `g` 旗標正則。
• 命名捕獲群組：`/(?\d{4})-(?\d{2})/` → `match.groups.year`。
• `s` (dotAll) 旗標：`.` 匹配換行符。
• Unicode 屬性逃逸：`/\p{Script=Han}/u` 匹配中文字符。
• 查找/斷言：`(?=...)`, `(?!...)`, `(?<=...)`, `(?