js 全局替换3种方案

JS 字符串替换操作有replace() 方法。但是这个方法有些问题,就是只能替换目标字符串中第一个匹配的字符串。 如下例:

<script>
var str = "word-word-word-word";
var strNew = str.replace("word","Excel");
alert(strNew);     //返回 Excel-word-word-word
</script>

如果要将目标字符串全部替换的话,java里可以用replaceAll,但是JS 没有提供这样的方法。使用正则表达式可以达到replaceAll的效果:

str.replace(/word/g,"Excel") ;

g 的意义是:执行全局匹配(查找所有匹配而不是在找到第一个匹配后停止)。

【方法1】
<script>
function replaceAll(str){ 
    if(str!=null) 
    str = str.replace(/word/g,"Excel") 
    return str;
}
var str = "word-word-word-word";
var strNew = str.replace("word","Excel");
strNew = replaceAll(str);
alert(strNew);
</script>

【方法2】
以上写法有个相似的写法:
str.replace(new RegExp("word","gm"),"Excel")
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m 执行多行匹配。

【方法3】
除此之外,也可以添加 Stirng对象的原型方法,这样就可以随时向使用relpace一样使用replaceAll:
String.prototype.replaceAll  = function(s1,s2){   
    return this.replace(new RegExp(s1,"gm"),s2);   
}

这样就可以像使用replace 方法一样使用replaceAll了。
str.replaceAll("word","Excel");

总结一下:

1. str.replace(/oldString/g,newString)

2. str.replace(new RegExp(oldString,"gm"),newString)

3. 增加String 对象原型方法 replaceAll

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 2,870评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,182评论 0 2
  • 假设用户需要在 HTML 表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前,JavaScri...
    结构学AI阅读 2,206评论 0 0
  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 4,659评论 0 1
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,831评论 0 4

友情链接更多精彩内容