如何在 JavaScript 中動態建立帶有變數的正規表示式？

JavaScript 中帶變數的動態正規表示式

JavaScript 的正規表示式為模式比對和操作提供了強大的工具。然而，將變數插入這些模式可能是一個挑戰。

考慮以下程式碼片段：

function(input) {
    var testVar = input;
    string = ...
    string.replace(/ReGeX + testVar + ReGeX/, "replacement")
}

此程式碼嘗試以提供的字串取代所有出現的特定模式。替換字串。但是，它會失敗，因為您無法直接在正規表示式中連接變數。

解決方案：使用範本字串

在 ES6 JavaScript 中，您可以使用範本字串使用變數動態建立正規表示式。以下是您的操作方法：

const regex = new RegExp(`ReGeX${testVar}ReGeX`);
...
string.replace(regex, "replacement");

在此範例中，RegExp 建構函式接受範本字串作為第一個參數。模板字串包含帶有插值變數 testVar 的原始正規表示式模式。反引號 (``) 表示模板字串。

ES6 與ES6 之前的版本

在ES6 之前，您必須使用更詳細的方法來實現相同的效果結果：

var regex = new RegExp("ReGeX" + testVar + "ReGeX");
...
string.replace(regex, "replacement");

舊語法仍然有效，但模板字串方法因其簡單性和可讀性。

警告：轉義變數

需要注意的是，如果您插入的變數具有潛在的惡意內容（例如使用者輸入），您應該轉義它可以防止注入攻擊。 escape() 或encodeURIComponent() 函數可用於轉義。

以上是如何在 JavaScript 中動態建立帶有變數的正規表示式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！