如何用JavaScript正则表达式获取锚标签外的字符及其索引

方法一：先移除锚标签，再拆分字符 #

这是最直接的思路——先把所有转义后的<a>标签（包括标签内的内容）全部替换为空，剩下的就是标签外的文本，再拆成单个字符数组即可。

以你提供的文本为例，用JavaScript实现的代码如下：

const rawText = 'DOWNLOAD <a href="https://this.com/" target="_blank">THIS</a> OR <a href="https://that.io/" target="_blank">THAT</a>';
// 全局匹配所有转义后的<a>标签（从&lt;a开始到&lt;/a&gt;结束）
const anchorTagRegex = /&lt;a.*?&lt;\/a&gt;/g;
// 移除所有锚标签
const cleanContent = rawText.replace(anchorTagRegex, '');
// 拆分为单个字符数组
const charArray = cleanContent.split('');

console.log(charArray);
// 输出：["D","O","W","N","L","O","A","D"," "," ","O","R"," "]

方法二：用正则直接匹配标签外的字符 #

如果不想修改原文本，可以用负向预查的正则，直接匹配所有不在<a>标签范围内的字符。步骤如下：

1. 先把转义的HTML字符还原（<→<，>→>，"→"）；
2. 用正则匹配满足「不在标签内」的单个字符。

const rawText = 'DOWNLOAD <a href="https://this.com/" target="_blank">THIS</a> OR <a href="https://that.io/" target="_blank">THAT</a>';
// 还原转义的HTML字符
const decodedText = rawText.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"');
// 匹配所有不在<a>标签内的字符
const outsideTagRegex = /(?:(?!<a[\s\S]*?>)[\s\S])(?![\s\S]*?<\/a>)/g;
const charArray = decodedText.match(outsideTagRegex) || [];

console.log(charArray);
// 输出和方法一一致

这个正则的逻辑是：匹配任意字符，同时确保该字符前面没有未闭合的标签，且后面不会出现对应的标签，以此判断它不在标签范围内。

注意事项 #

• 第二种方法的正则不支持嵌套的<a>标签（不过HTML规范里<a>本身不能嵌套，所以一般场景没问题）；
• 如果你的文本里还有其他HTML标签，需要调整正则范围，避免误匹配。

内容的提问来源于stack exchange，提问作者kinkersnick