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


Posted in Javascript onJuly 18, 2014

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 相关文章推荐
javascript十个最常用的自定义函数(中文版)
Sep 07 Javascript
jquery maxlength使用说明
Sep 09 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
js获取IFRAME当前的URL的方法
Nov 13 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
Mar 25 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 #Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 #Javascript
Javascript验证上传图片大小[前台处理]
Jul 18 #Javascript
IE中JS跳转丢失referrer问题的2个解决方法
Jul 18 #Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 #Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 #Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 #Javascript
You might like
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
PHP实现数组和对象的相互转换操作示例
2019/03/20 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
js 覆盖和重载 函数
2009/09/25 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
调用innerHTML之后onclick失效问题的解决方法
2014/01/28 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
JavaScript常用代码书写规范的超全面总结
2016/09/11 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
Python编译成.so文件进行加密后调用的实现
2019/12/23 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
Python实现随机爬山算法
2021/01/29 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
材料成型专业个人求职信范文
2013/09/25 职场文书
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
产品质量承诺范本
2014/03/31 职场文书
《凡卡》教学反思
2014/04/09 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python