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 Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
JavaScript获取路径设计源码
May 22 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
JS结合bootstrap实现基本的增删改查功能
Jul 22 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
antd Upload 文件上传的示例代码
Dec 14 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
js函数和this用法实例分析
Mar 13 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
set_include_path在win和linux下的区别
2008/01/10 PHP
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
php实现在服务器端调整图片大小的方法
2015/06/16 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
Prototype Template对象 学习
2009/07/19 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
Angular4学习之Angular CLI的安装与使用教程
2018/01/04 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
python定时按日期备份MySQL数据并压缩
2019/04/19 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
简单了解如何封装自己的Python包
2020/07/08 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
车辆安全检查制度
2014/01/12 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
大学英语专业求职信
2014/06/21 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
2015年领班工作总结
2015/04/29 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
MySQL 8.0 驱动与阿里druid版本兼容问题解决
2021/07/01 MySQL
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers