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 相关文章推荐
js Form.elements[i]的使用实例
Nov 13 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
js内存泄露的几种情况详细探讨
May 31 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
bootstrap导航条实现代码
Dec 28 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 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
博士208HAF收音机实习报告
2021/03/02 无线电
PHP获取MAC地址的函数代码
2011/09/11 PHP
在CentOS上搭建LAMP+vsftpd环境的简单指南
2015/08/01 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
jquery遍历input取得input的name
2009/04/27 Javascript
js获取当前select 元素值的代码
2010/04/19 Javascript
JQuery 图片滚动轮播示例代码
2014/03/24 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
nodejs基础应用
2017/02/03 NodeJs
ECMAScript6--解构
2017/03/30 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
Vue全局分页组件的实现代码
2018/08/10 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python常用的爬虫技巧总结
2016/03/28 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
python生成器与迭代器详解
2019/01/01 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
Python Selenium截图功能实现代码
2020/04/26 Python
python 等差数列末项计算方式
2020/05/03 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
大学生入党思想汇报
2014/01/01 职场文书
2014法院干警廉洁警示教育思想汇报
2014/09/13 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书