js 实现ReplaceAll 的方法(3种方式)
博客专区 > messi_10 的博客 > 博客详情
js 实现ReplaceAll 的方法(3种方式)
messi_10 发表于7个月前
js 实现ReplaceAll 的方法(3种方式)
  • 发表于 7个月前
  • 阅读 65
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: js 实现ReplaceAll 的方法(3种方式)

js 实现ReplaceAll 的方法

Posted on 2014-07-17 10:25 不懂就问啊 阅读(2734) 评论(1) 编辑 收藏

JS  字符串有replace() 方法。但这个方法只会对匹配到的第一个字串替换。 如下例:

复制代码

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<script>
   var str = "wordwordwordword";
   var strNew = str.replace("word","Excel");
   alert(strNew);
</script>
</BODY>
</HTML>

复制代码

如果要全部替换的话,JS 没有提供replaceAll这样的方法。使用正则表可以达成Replace 的效果:

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

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

复制代码

<HEAD>
<TITLE> New Document </TITLE>
<script>
function replaceAll(str)
{
    if(str!=null)
    str = str.replace(/word/g,"Excel")
    return str;
}
</script>
</HEAD>

<BODY>
<script>
   var str = "wordwordwordword";
   var strNew = str.replace("word","Excel");
   strNew = replaceAll(str);
   alert(strNew);
</script>
</BODY>
</HTML>

复制代码

以上写法有个类同的写法:

str.replace(new RegExp("word","gm"),"Excel")

g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。

m 执行多行匹配。

除此之外,也可以添加 Stirng对象的原型方法:

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

标签: JavaScript Options
共有 人打赏支持
粉丝 7
博文 33
码字总数 36596
×
messi_10
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: