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中对对层的控制
Dec 29 Javascript
JavaScript 判断浏览器类型及版本
Feb 21 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
Javascript优化技巧之短路表达式详细介绍
Mar 27 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
jquery 正整数数字校验正则表达式
Jan 10 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
Jun 14 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
Vue v-model组件封装(类似弹窗组件)
Jan 08 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 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
解析php中获取url与物理路径的总结
2013/06/21 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
PHP中通过fopen()函数访问远程文件示例
2014/11/18 PHP
php中执行系统命令的方法
2015/03/21 PHP
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
微信小程序开发探究
2016/12/27 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
Python Series从0开始索引的方法
2018/11/06 Python
详解python中的index函数用法
2019/08/06 Python
python 实现人和电脑猜拳的示例代码
2020/03/02 Python
使用K.function()调试keras操作
2020/06/17 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
仓库组长岗位职责
2014/01/29 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
政府个人对照检查材料
2014/08/28 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android