JavaScript中使用replace结合正则实现replaceAll的效果
我们在Java中可以使用replaceAll()方法对字符串进行批量替换,但在JS中replaceAll()方法是undefined,JS中只存在replace()方法,因此我们可以自己封装JS中replaceAll()方法供我们便捷使用。
总结一下, 四种方式
1. 使用具有全局标志g的正则表达式
var str = "dogdogdog"; var str2 = str.replace(/dog/g,"cat"); console.log(str2);
实现替换全部匹配字符串,输出结果为:catcatcat
。
2. 使用另一种具有全局标志g的正则表达式
var str = "dogdogdog"; var str2 = str.replace(new RegExp("dog","gm"),"cat"); console.log(str2);
输出结果同上例。这里g表示执行全局匹配,m表示执行多次匹配。
3. 给string对象添加原型方法replaceAll()
String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2); }
这样就可以像使用replace方法一样使用replaceAll方法:
var str = "dogdogdog"; var str2 = str.replaceAll("dog", "cat"); console.log(str2);
输出结果同上例。
4. 使用先split,再join的方法
评论区@默默之分享的这个方法太赞了,拉到正文里以免有人不看评论,感谢@默默之分享。
var str = "dogdogdog"; var str2 = str.split("dog").join("cat") console.log(str2);
输出结果同上例。
下面是其它网友的补充
一、使用replace()方法进行替换
定义一个字符串:
var str = "hello world";
使用replace()方法将字符串中的字母"l"替换成"i",原始做法:
console.log(str.replace("l","i"));
输出:
“heilo world”
需要执行三次,非常不方便;
二、使用replaceAll()方法替换
封装replaceAll()方法:
String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2); }
定义一个字符串:
var str = "hello world";
使用replaceAll()方法进行批量替换:
console.log(str.replaceAll("l", "i"));
输出:
“heiio worid”
只需要执行一次,就完成了全部替换需求。
replace方法:
string.replace(new RegExp(oldString,"gm"),newString))
gm 分别代表:
g=global, m=multiLine
大致上方法就是这样的,可以实现替换全部指定字串
另一个简单的验证JS的方法:
在浏览器地址栏输入
javascript:alert("abcabcabc".replace(new RegExp("a","gm"),"ad"))
这样比较省事 ;),不知道多行的会不会很方便
- javascript中使用replaceAll()函数实现字符替换的方法
- Javascript中正则表达式的全局匹配模式分析
- Javascript中使用exec进行正则表达式全局匹配时的注意事项
- JavaScript实现的字符串replaceAll函数代码分享
- javascript实现全局匹配并替换的方法
- java中replaceAll替换圆括号实例代码
- Java中replace与replaceAll的区别与测试
- java字符串的替换replace、replaceAll、replaceFirst的区别说明
- Java replaceAll()方法报错Illegal group reference的解决办法
- String.replaceAll方法详析(正则妙用)
- 浅谈Java中replace与replaceAll区别
- Java中replace、replaceAll和replaceFirst函数的用法小结
- 浅谈java中replace()和replaceAll()的区别
- jQuery中replaceAll()方法用法实例
- js使用正则实现ReplaceAll全部替换的方法
- js字符串替换所有的指定字符或文字(推荐replaceAll方法)
- JS中实现replaceAll的方法(实例代码)
- js replace 与replaceall实例用法详解
- Flex 字符串ReplaceAll使用说明
相关文章
Bootstrap 3.x打印预览背景色与文字显示异常的解决
前几天同事有个问题咨询我,他在调用print()来打印页面,发现打印预览页面上的背景色无法显示以及文字总是显示为黑色,感觉非常奇怪,我通过测试发现是Bootstrap的问题,现在将解决的方法分享给大家,希望可以帮助到同样遇到这个问题的朋友们,下面来一起看看。2016-11-11javascript中apply和call方法的作用及区别说明
本篇文章主要是对javascript中apply和call方法的作用及区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助2014-02-02JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
这篇文章主要介绍了JS实现漂亮的窗口拖拽效果,具有可改变大小、最大化、最小化、关闭等功能,以完整实例形式较为详细的分析了JavaScript操作窗口的大小改变、还原及关闭等功能的相关实现技巧,需要的朋友可以参考下2015-10-10
最新评论