匹配[some|text]格式转a标签的正则表达式求助，已尝试/\[.|.\]/gi无效

首先，你之前用的/\[.|.\]/gi正则有问题——|在正则里是或运算符，这个表达式实际是匹配[任意字符或者任意字符]，根本没法覆盖完整的[xxx|xxx]结构，所以才会失效。

正确的正则表达式 #

要精准匹配[内容A|内容B]这种格式，试试这个正则：

/\[([^\|\]]+)\|([^\]]+)\]/gi

拆解正则逻辑：

• \[ ：匹配开头的方括号[（转义是因为[在正则里属于特殊字符）
• ([^\|\]]+) ：第一个捕获组，专门匹配除了|和]之外的所有字符，对应你要提取的链接地址（比如https://google.com）
• \| ：匹配中间的竖线|（转义避免被当成正则的或运算符）
• ([^\]]+) ：第二个捕获组，匹配除了]之外的所有字符，对应显示文本（比如Google）
• \] ：匹配结尾的方括号]
• gi ：g表示全局匹配（一次性处理所有符合格式的字符串），i表示不区分大小写（如果不需要可以去掉）

替换成HTML链接的实操示例 #

以JavaScript为例，用replace方法就能完成转换：

const originalStr = "[https://google.com|Google] 还有[https://stackoverflow.com|Stack Overflow]";
const regex = /\[([^\|\]]+)\|([^\]]+)\]/gi;
const result = originalStr.replace(regex, '<a href="$1">$2</a>');
console.log(result);
// 输出：<a href="https://google.com">Google</a> 还有<a href="https://stackoverflow.com">Stack Overflow</a>

这里的$1对应第一个捕获组的内容（链接地址），$2对应第二个捕获组的内容（显示文本），刚好实现你要的转换效果～

内容的提问来源于stack exchange，提问作者Владимир Аксенов