javascript - 使用数组匹配正则表达式

Question

我用 C++ 做了这个，我想转换为 JavaScript:

foreach (QString pattern, extensions) {
    regex.setPattern(QString("\\.%1").arg(pattern));
    regex.setPatternOptions(QRegularExpression::CaseInsensitiveOption);

    QRegularExpressionMatch match = regex.match(filename);

    if (! match.hasMatch()) continue;

    return pattern;
}

这意味着 foreach extensions (即扩展数组)作为 pattern 创建一个模式，如下所示: \\.png(例如)。 如果有匹配，它将返回找到的扩展名。

我尝试按照 C++ 中的方式创建，但我不知道如何连接数组返回的字符串以匹配

const filename = 'example.wutt'
const extensions = ['wutt', 'xnss']

extensions.forEach(pattern => {
  const match = filename.match(`\\.${pattern}`)
  console.log(match)
})

它确实有效，但它不区分大小写，因为我无法放置 i 标志。

我该如何做到这一点(如果有使用 ES6 的解决方案)？

Answer 1

看看How do you use a variable in a regular expression?用于构建正则表达式。

如果你想查找匹配的扩展名，可以使用Array#find :

const matchedExtension = extensions.find(
  ext => new RegExp(String.raw`\.${ext}$`, 'i').test(filename)
);

var extensions = ['png', 'jpeg'];

var filename = 'foo.png';

console.log(extensions.find(
  ext => new RegExp(String.raw `\.${ext}$`, 'i').test(filename)
));

一些注释:

• String.raw有必要不将 \. 视为字符串转义序列，而是将其“按原样”传递给正则表达式引擎(或者您可以转义 \，但 String.raw 很酷)。
模式末尾的
• $ 确保模式仅在文件名末尾匹配。
• 如果您只想知道模式是否匹配，RegExp#test是首选方法。

如果您经常这样做，那么首先生成正则表达式数组是有意义的(而不是每次调用函数时都创建正则表达式)。