JS Regex lookbehind 在 firefox 和 safari 中不起作用

Question

我有以下正则表达式，它在 chrome 中工作，但在 firefox 或 safari 中导致错误。我需要修改它以使其工作。谁能帮助一个可怜的灵魂？提前致谢！

正则表达式：/(?=<tag>)(.*?)(?<=<\/tag>)/

基本上，我必须匹配<tag> 和</tag> 之间的任何字符，并且需要保留这两个标签。我将此表达式用作 array.split 的参数。

输入： "The quick brown <tag>fox</tag> jumps over the lazy <tag>dog</tag>"

操作： input.split(regex)

输出： ["The quick brown ", "<tag>fox</tag>", " jumps over the lazy ", "<tag>dog</tag>"]

Answer 1

firefox 和 safari 尚不支持lookbehind，您可以使用捕获组（这样我们正在拆分的模式也将添加到输出中）并在<tag> </tag>上拆分

let str = "The quick brown <tag>fox</tag> jumps over the lazy <tag>dog</tag>"

let regex = /(<tag>.*?<\/tag>)/

console.log(str.split(regex).filter(Boolean))

Answer 2

也许，

<tag>.*?<\/tag>|[^<>]+

可以正常工作：

测试

function regularExpression(regex, str) {
	let m, arr = [];
	while ((m = regex.exec(str)) !== null) {
		// This is necessary to avoid infinite loops with zero-width matches
		if (m.index === regex.lastIndex) {
			regex.lastIndex++;
		}


		m.forEach((match, groupIndex) => {
			arr.push(match.trim());
			console.log(`Found match, group ${groupIndex}: ${match}`);
		});
	}
	return arr;
}

const expression = /<tag>.*?<\/tag>|[^<>]+/g;
const string = 'The quick brown <tag>fox</tag> jumps over the lazy <tag>dog</tag>';

console.log(regularExpression(expression, string));

---

如果您希望简化/修改/探索表达式，在regex101.com 的右上角面板中已对此进行了说明。如果您愿意，您还可以在this link 中观看它如何与一些示例输入相匹配。

---

正则表达式电路

jex.im 可视化正则表达式：