js replace 全局替换的操作方法


Posted in Javascript onJune 12, 2018

js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换。

<script language="javascript">
var strM = "这是要被替换的字符串啊啊!";
//在此我想将字母a替换成字母A
alert(strM.replace("啊","额"));
</script>

上面这段代码,只能替换第一个字符“啊”,第二个“啊”就无法替换,这样就没办法满足大多数使用js(replace)的需求

<script type="text/javascript" language="javascript">
var s = "这是要被替换的字符换啊啊!";
alert(s);
alert(s.replace(/啊/g, "额"));

这样,就可以实现整个字符串的替换。

我们这里用到了正则函数的/g全部的使用。这样就可以实现整个字符串的替换效果。

下面,我们大家可能还有个需求无法满足,那就是,我们替换定值可以使用这个,但是替换变量怎么使用?

接下来,就说一下替换变量的使用方式。

简单介绍一下eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。接下来主要靠这个函数。

<script>
var ch = "变量";
var reg = "/"+ch+"/g";
var str = "这是一个变量,这是一个变量";
var val = str.replace(eval(reg),"替换");
alert(val);
</script>

但是如果要替换的字符串中含有/符号时,上面的就不能用了,需要采取以下方法

<script>
var ch = "/";
var str = "这是一/个变量,这是一个变量";
var val = str .replace(new RegExp(ch,'g'),"b");
alert(val);
</script>

总结

以上所述是小编给大家介绍的js replace 全局替换的操作方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript面向对象编程
Mar 18 Javascript
chrome下img加载对height()的影响示例探讨
May 26 Javascript
jquery实现通用的内容渐显Tab选项卡效果
Sep 07 Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
vue配置font-awesome5的方法步骤
Jan 27 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
vue+axios 拦截器实现统一token的案例
Sep 11 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 #Javascript
js实现购物车功能
Jun 12 #Javascript
浅谈Node.js 中间件模式
Jun 12 #Javascript
浅谈Webpack打包优化技巧
Jun 12 #Javascript
关于TypeScript模块导入的那些事
Jun 12 #Javascript
JS实现前端页面的搜索功能
Jun 12 #Javascript
微信小程序实现弹出菜单功能
Jun 12 #Javascript
You might like
图形数字验证代码
2006/10/09 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
如何使用php实现评委评分器
2015/07/31 PHP
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
PHP中的self关键字详解
2019/06/23 PHP
js onclick事件传参讲解
2013/11/06 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
javascript获取web应用根目录的方法
2014/02/12 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
2016/05/05 Javascript
JavaScript获取当前url根目录(路径)
2016/06/17 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
2017/01/08 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
原生js实现购物车功能
2020/09/23 Javascript
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
Python实现二分查找与bisect模块详解
2017/01/13 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
python调用staf自动化框架的方法
2018/12/26 Python
python实现微信防撤回神器
2019/04/29 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
2014政务公开实施方案
2014/02/19 职场文书
2014年公司庆元旦活动方案
2014/03/05 职场文书
学生会干部任命书
2015/09/21 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS