javascript实现全局匹配并替换的方法


Posted in Javascript onApril 27, 2015

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

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

str.replace(/www.baidu.com/g,'3water.com');

或者:

str.replace(new RegExp('www.baidu.com','gm'),'3water.com');

将 str 字符中的 www.baidu.com 全部替换为 3water.com

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

String.prototype.replaceall=function(s1,s2){ 

    return this.replace(new RegExp(s1,"gm"),s2);  

}

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

str.replace('www.baidu.com','3water.com');

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
May 18 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
jquery中实现简单的tabs插件功能的代码
Mar 02 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
Jul 27 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
Vue shopCart 组件开发详解
Jan 26 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 #Javascript
如何使用HTML5地理位置定位功能
Apr 27 #Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 #Javascript
Javascript非构造函数的继承
Apr 27 #Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 #Javascript
jquery简单的弹出层浮动层代码
Apr 27 #Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 #Javascript
You might like
PHP Mysql编程之高级技巧
2008/08/27 PHP
采集邮箱的php代码(抓取网页中的邮箱地址)
2012/07/17 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
2010/04/15 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
js闭包实例汇总
2014/11/09 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
2018/06/14 Javascript
JavaScript多种页面刷新方法小结
2019/04/04 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
Python错误的处理方法
2020/06/23 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
C语言面试题
2013/05/19 面试题
出纳员岗位职责
2014/03/13 职场文书
法律系毕业生求职信
2014/05/28 职场文书
英文升职感谢信
2015/01/23 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS