js使用正则实现ReplaceAll全部替换的方法

 更新时间:2014年08月22日 10:05:47   投稿:whsnow  
JS 没有提供replaceAll这样的方法。使用正则表可以达成Replace 的效果,感兴趣的朋友看看下面的示例

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

PS:关于正则,本站还提供了2款非常简便实用的正则表达式工具供大家使用:

JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg

相关文章

  • electron 如何将任意资源打包的方法步骤

    electron 如何将任意资源打包的方法步骤

    这篇文章主要介绍了electron 如何将任意资源打包的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 关于js对textarea换行符的处理方法浅析

    关于js对textarea换行符的处理方法浅析

    这篇文章主要给大家介绍了关于js对textarea换行符的处理方法的相关资料,文中通过示例代码介绍地方非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • javascript判断两个IP地址是否在同一个网段的实现思路

    javascript判断两个IP地址是否在同一个网段的实现思路

    要判断两个IP地址是否在同一个网段,将它们的IP地址分别与子网掩码做与运算,得到的结果为网络号,具体实现如下,需要的朋友可以参考下
    2013-12-12
  • js中各浏览器中鼠标按键值的差异

    js中各浏览器中鼠标按键值的差异

    我们知道标准鼠标有左,中,右三个键。鼠标按下时如何判断按下的是哪个键呢?
    2011-04-04
  • 简单谈谈原生js的math对象

    简单谈谈原生js的math对象

    下面小编就为大家带来一篇简单谈谈原生js的math对象。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 微信小程序实现循环动画效果

    微信小程序实现循环动画效果

    这篇文章主要介绍了微信小程序循环动画效果的实现方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • JS实现的DOM插入节点操作示例

    JS实现的DOM插入节点操作示例

    这篇文章主要介绍了JS实现的DOM插入节点操作,结合实例形式分析了javascript针对页面dom元素动态操作相关实现技巧,需要的朋友可以参考下
    2018-04-04
  • javascript 键盘事件总结 推荐

    javascript 键盘事件总结 推荐

    在进入正题前,我们看一下浏览器对于键盘的一些默认事件,这有助于我们用javascript截获键盘事件。
    2009-12-12
  • 微信小程序实现传参数的几种方法示例

    微信小程序实现传参数的几种方法示例

    这篇文章主要给大家介绍了关于微信小程序实现传参数的几种方法,分别是navigator跳转时、全局变量、列表index下标取值以及form表单传值的相关内容,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • Javascript 是你的高阶函数(高级应用)

    Javascript 是你的高阶函数(高级应用)

    这篇文章主要介绍了Javascript 是你的高阶函数 ,需要的朋友可以参考下
    2015-06-06

最新评论