如何编写JavaScript正则表达式匹配@xyz @xyz asdf且不识别纯文本？

嘿，我看你现在需要匹配字符串里的@开头用户名，还得避开纯文本，先聊聊你当前用的正则/\s+([@][\w_-]+[\s]{0,1}([A-Za-z0-9@.]+))/的问题：

• 开头的\s+要求至少一个空白字符，可你的测试字符串第一个@xyz前面没空格，直接就匹配不到了
• 里面嵌套的([A-Za-z0-9@.]+)会把后面的内容也拽进来，比如匹配完第一个@xyz后，会接着抓后面的@xyz甚至asdf，完全不符合只抓单个@用户名的需求
• 没处理字符串开头的@场景，也没做边界限制，很容易误匹配到不该抓的内容

给你调整个合适的正则，既能匹配所有独立的@用户名（包括字符串开头的），又不会碰纯文本：

const regex = /(?:^|\s)@([\w_-]+)(?=\s|$)/g;

来拆解下这个正则的逻辑：

• (?:^|\s)：这是个非捕获组，用来匹配字符串开头或者空白字符，确保@前面不是纯文本内容，避免把类似a@xyz这种带前缀的内容误判
• @([\w_-]+)：匹配@符号，后面跟着字母、数字、下划线或连字符组成的用户名，括号里的部分会被捕获，方便你提取去掉@的用户名
• (?=\s|$)：正向预查，确保@用户名后面是空白字符或者字符串结尾，防止把后面的纯文本内容也带进来

给你整个测试代码试试：

const testStr = "@xyz @xyz asdf";
const regex = /(?:^|\s)@([\w_-]+)(?=\s|$)/g;
let match;

while ((match = regex.exec(testStr)) !== null) {
  console.log("匹配到的用户名：", match[1]); // 会依次输出 xyz 和 xyz
}

要是你想连@符号一起捕获，也可以把正则改成这样：

const regex = /(?:^|\s)(@[\w_-]+)(?=\s|$)/g;

这时候match[1]就是完整的@xyz啦。

这个正则完全不会碰纯文本（比如你的测试字符串里的asdf），因为纯文本既没有@开头，也满足不了前后的边界限制～

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