JavaScript 实现全局字符串替换与正则表达式陷阱解析

JavaScript 全局字符串替换实现

鉴于 JavaScript 原生 replace 方法仅能执行单次替换，为实现一次性替换所有匹配项的需求，可参考以下实现方案：

/*
把 content 中所有的 searchValue 替换为 replaceValue
*/ 
 function replaceAll(content,searchValue,replaceValue){
  while (content.indexOf(searchValue)>-1) {
  content = content.replace(searchValue,replaceValue);
  }
  return content;
 }

正则表达式替换的局限性

为何不直接采用正则表达式进行替换？

实际测试表明，当 searchValue 指定的字符串长度较大时，使用正则表达式进行替换操作容易引发错误。

具体应用场景中，若需将 HTML 页面 img 标签内的 base64 编码图片内容（如 base64 xxx1、base64 xxx2）替换为 [image1]、[image2] 等占位符，使用正则表达式会导致替换失败或出错。

常规正则替换写法

以下提供常规的正则表达式替换写法供参考：

content.replace(new RegExp(searchValue,'g'),replaceValue)

总结

总结

上述内容介绍了 JavaScript 中替换所有匹配内容及正则替换的相关方法，希望能为读者提供帮助。