javascript实现全局匹配并替换的方法_javascript技巧
程序员文章站
2022-05-17 16:37:37
...
在javascript替换字符串使用的是replace函数,但在实际使用过程中却发现该函数只会替换被匹配的第一个字符,这就让人很不爽了,在php语言中,replace可是实现全局匹配并替换的。没办法,仔细研究了下,发现还是有其他办法实现全局匹配并替换的。
str.replace(/www.baidu.com/g,'www.jb51.net');
str.replace(new RegExp('www.baidu.com','gm'),'www.jb51.net');
String.prototype.replaceall=function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
str.replace('www.baidu.com','www.jb51.net');
(1)其实replace本身也可以实现这种功能的,但要通过正则的形式加个参数g,例如:
复制代码 代码如下:
str.replace(/www.baidu.com/g,'www.jb51.net');
或者:
复制代码 代码如下:
str.replace(new RegExp('www.baidu.com','gm'),'www.jb51.net');
将 str 字符中的 www.baidu.com 全部替换为 www.jb51.net
(2)自己扩展js函数库,自创函数replaceall方法实现全局匹配并替换的功能。如下:
复制代码 代码如下:
String.prototype.replaceall=function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
这个其实也是利用了方法一的思想。举例如下(这里也实现了同上的功能,只不过相比方法一更为直观而已):
复制代码 代码如下:
str.replace('www.baidu.com','www.jb51.net');
以上所述就是本文的全部内容了,希望大家能够喜欢。
推荐阅读
-
js实现简单选项卡与自动切换效果的方法_javascript技巧
-
JS实现点击链接取消跳转效果的方法_javascript技巧
-
Javascript 创建类并动态添加属性及方法的简单实现
-
js实现鼠标感应向下滑动隐藏菜单的方法_javascript技巧
-
js弹出模式对话框,并接收回传值的方法_javascript技巧
-
JS链式调用的实现方法_javascript技巧
-
js实现每日自动换一张图片的方法_javascript技巧
-
ExtJS实现文件下载的方法实例_javascript技巧
-
JS实现点击按钮后框架内载入不同网页的方法_javascript技巧
-
扩展javascript的Date方法实现代码(prototype)_javascript技巧