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 相关文章推荐
表格 隔行换色升级版
Nov 07 Javascript
修改jQuery Validation里默认的验证方法
Feb 14 Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 Javascript
javascript中apply和call方法的作用及区别说明
Feb 14 Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
Vant 在vue-cli 4.x中按需加载操作
Nov 05 Javascript
Javascript webpack动态import
Apr 19 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
PHP中list方法用法示例
2016/12/01 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
js实现文本框中焦点在最后位置
2014/03/04 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
微信小程序 登录的简单实现
2017/04/19 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
Python中int()函数的用法浅析
2017/10/17 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
python 实现矩阵按对角线打印
2019/11/29 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
Django values()和value_list()的使用
2020/03/31 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
绩效工资分配方案
2014/01/18 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
西湖英语导游词
2015/02/06 职场文书
2016七夕情人节广告语
2016/01/28 职场文书
python xlwt模块的使用解析
2021/04/13 Python
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL