如何用正则精准替换Markdown中格式的图片链接？

没问题！要精准锁定![image](...)这种固定alt文本的Markdown图片标记，你可以用更针对性的正则表达式，避免误匹配其他带!的内容。

具体实现代码 #

直接使用这个正则表达式即可：

const originalStr = 'This is my image url: ![image](www.example.com/images/abcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefg)';
const resultStr = originalStr.replace(/\!\[image\]\([^)]*\)/g, 'too long');
console.log(resultStr); // 输出: This is my image url: too long

正则逻辑拆解 #

咱们来看看这个正则为什么能精准匹配：

• \!\[image\]：精准匹配![image]这个固定前缀，其中!、[、]都是正则的特殊字符，所以用反斜杠\转义，确保匹配的是字面量内容；
• \(：转义左括号，匹配图片标记里的左括号；
• [^)]*：匹配任意不是右括号的字符（也就是括号里的URL内容），[^)]表示排除右括号，*表示匹配0个或多个这样的字符；
• \)：转义右括号，匹配图片标记的结束括号；
• g：全局匹配标志，会替换所有符合这个格式的图片标记。

额外扩展：不区分alt文本大小写 #

如果你的场景里alt文本可能有大小写变化（比如![Image]或![IMAGE]），可以加上不区分大小写的i标志：

resultStr = originalStr.replace(/\!\[image\]\([^)]*\)/gi, 'too long');

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