首页 > web前端 > js教程 > JavaScript实现replaceall全局匹配并替换的实例

JavaScript实现replaceall全局匹配并替换的实例

黄舟
发布: 2017-12-05 09:47:12
原创
2024 人浏览过

在前一篇文章中我们给大家介绍了jQuery中replaceall的方法实例,相信小伙伴对replaceall的使用有了进一步的了解,那么我们今天给大家继续介绍关于JavaScript实现replaceall全局匹配并替换的实例!

在javascript替换字符串使用的是replace函数,但在实际使用过程中却发现该函数只会替换被匹配的第一个字符,这就让人很不爽了,在php语言中,replace可是实现全局匹配并替换的。没办法,仔细研究了下,发现还是有其他办法实现全局匹配并替换的。

(1)其实replace本身也可以实现这种功能的,但要通过正则的形式加个参数g,例如:

str.replace(/www.baidu.com/g,'www.php.cn');
登录后复制

或者:

str.replace(new RegExp('www.baidu.com','gm'),'www.php.cn');
登录后复制

将 str 字符中的 www.baidu.com 全部替换为 php.cn

(2)自己扩展js函数库,自创函数replaceall方法实现全局匹配并替换的功能。如下:

String.prototype.replaceall=function(s1,s2){ 
    return this.replace(new RegExp(s1,"gm"),s2);  
}
登录后复制


这个其实也是利用了方法一的思想。举例如下(这里也实现了同上的功能,只不过相比方法一更为直观而已):

str.replace('www.baidu.com','www.php.cn');
登录后复制

总结:

本文通过示例为大家介绍了关于JavaScript实现replaceall全局匹配并替换,相信小伙伴对此也是有一定的了解,希望对你的工作有所帮助!

相关推荐:

jQuery中关于replaceAll()方法的示例分析


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


jQuery.replaceAll() 函数实例详解


js replace 与replaceall实例用法详解

以上是JavaScript实现replaceall全局匹配并替换的实例的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板