test - regular expression validation javascript

如何訪問JavaScript正則表達式中的匹配組? (10)

在這個答案中使用的術語：

• 匹配表示對您的字符串運行RegEx模式的結果，如下所示： someString.match(regexPattern) 。
• 匹配模式表示輸入字符串的所有匹配部分，全部位於匹配數組內。 這些都是你的模式在輸入字符串中的所有實例。
• 匹配的組指示要在RegEx模式中定義的所有要捕獲的組。 （括號內的模式，如下所示：/ /format_(.*?)/g (.*?) / /format_(.*?)/g ，其中(.*?)將是匹配的組）。這些模式位於匹配的模式中 。

描述

要訪問匹配的組 ，在每個匹配的模式中 ，需要一個函數或類似的東西來迭代匹配 。 有很多方法可以做到這一點，正如許多其他答案所示。 大多數其他答案使用while循環遍歷所有匹配的模式 ，但我認為我們都知道這種方法的潛在危險。 有必要與new RegExp()進行匹配，而不僅僅是只在評論中提到的模式本身。 這是因為.exec()方法的行為類似於生成器函數 - 每次匹配時都停止 ，但在下一次.exec()調用時保持.lastIndex繼續。

代碼示例

下面是一個函數searchString的例子，它返回一個所有匹配模式的Array ，其中每個match是一個包含所有包含匹配組的Array 。 我沒有使用while循環，而是使用Array.prototype.map()函數以及更Array.prototype.map()提供了示例 - 使用plain for -loop。

簡潔的版本（更少的代碼，更多的語法糖）

這些性能較差，因為它們基本上實現了forEach -loop而不是更快for -loop。

// Concise ES6/ES2015 syntax
const searchString = 
    (string, pattern) => 
        string
        .match(new RegExp(pattern.source, pattern.flags))
        .map(match => 
            new RegExp(pattern.source, pattern.flags)
            .exec(match));

// Or if you will, with ES5 syntax
function searchString(string, pattern) {
    return string
        .match(new RegExp(pattern.source, pattern.flags))
        .map(match =>
            new RegExp(pattern.source, pattern.flags)
            .exec(match));
}

let string = "something format_abc",
    pattern = /(?:^|\s)format_(.*?)(?:\s|$)/;

let result = searchString(string, pattern);
// [[" format_abc", "abc"], null]
// The trailing `null` disappears if you add the `global` flag

高性能版本（更多代碼，更少語法糖）

// Performant ES6/ES2015 syntax
const searchString = (string, pattern) => {
    let result = [];

    const matches = string.match(new RegExp(pattern.source, pattern.flags));

    for (let i = 0; i < matches.length; i++) {
        result.push(new RegExp(pattern.source, pattern.flags).exec(matches[i]));
    }

    return result;
};

// Same thing, but with ES5 syntax
function searchString(string, pattern) {
    var result = [];

    var matches = string.match(new RegExp(pattern.source, pattern.flags));

    for (var i = 0; i < matches.length; i++) {
        result.push(new RegExp(pattern.source, pattern.flags).exec(matches[i]));
    }

    return result;
}

let string = "something format_abc",
    pattern = /(?:^|\s)format_(.*?)(?:\s|$)/;

let result = searchString(string, pattern);
// [[" format_abc", "abc"], null]
// The trailing `null` disappears if you add the `global` flag

我還沒有將這些替代方案與前面在其他答案中提到的替代方案進行比較，但我懷疑這種方法的性能不如其他方式更高，且安全性更低。