You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将字符串中多组指定格式内容替换为Anchor Tag(锚标签)

搞定「名称=URL」转锚标签的方案

嘿,这个需求用正则匹配+替换就能轻松实现!我以JavaScript为例给你写个可直接调用的convert函数,完全符合你的要求:

function convert(str) {
  // 全局匹配 名称=URL 的格式,名称支持字母/数字/下划线/短横线,URL支持http/https开头的链接
  const matchPattern = /(\w[\w-]*)=(\bhttps?:\/\/\S+\b)/g;
  // 替换成对应的锚标签(如果需要转义HTML特殊字符,就用下面注释的那行)
  return str.replace(matchPattern, '<a href="$2">$1</a>');
  // 转义版本:return str.replace(matchPattern, '&lt;a href="$2"&gt;$1&lt;/a&gt;');
}

// 测试你的示例输入
const testInput = 'lorem ipsum google=https://google.com lorem ipsums lorem facebook=https://facebook.com ipsum lorem';
console.log(convert(testInput));

细节掰扯:

  • 正则(\w[\w-]*):专门匹配名称部分,确保名称是合法的标识符(比如google、my-site这种都能精准匹配)
  • =(\bhttps?:\/\/\S+\b):精准抓出=后面的URL,https?:\/\/涵盖http和https链接,\S+会一直匹配到下一个空格为止,保证拿到完整的URL
  • g修饰符是关键,让函数能替换字符串里所有符合格式的内容,而不是只换第一个

如果需要输出转义后的HTML标签(就像你示例里的&lt;a&gt;),把替换语句换成注释里的那行就行,调用后就能得到你想要的结果啦!

内容的提问来源于stack exchange,提问作者Shotiko Topchishvili

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.06 18:57:50