JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)


Posted in Javascript onOctober 16, 2014

JavaScript replace 方法

replace 方法用于在字符串中用一些字符串替换另一些字符串,或者替换符合正则匹配的字符串,并返回替换后的字符串。其语法如下:

str_object.replace(reg_exp/str, replacement)

参数说明:

参数 说明
str_object 要操作的字符串(对象)
reg_exp/str 必需。要匹配的正则表达式/要替换的字符串 如果 reg_exp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。
replacement 必需。要替换的字符串

字符串替换实例

下面的例子演示了 replace 方法的字符串替换实例:

<script language="JavaScript">
var str = "www.example.net";

document.write( str.replace("example", "3water") );
</script>

运行该例子,输出:

3water.com

注意:字符串替换只替换第一个符合要求的字串(只替换一次),如果要替换字符串中所有符合要求的字串,建议用正则表达式带全局参数 g 的模式,具体见下文例子。

正则表达式字符串替换实例

replace 方法除了支持简单的字符串替换外,也支持正则表达式替换:

<script language="JavaScript">
var str = "www.example.net is a example domains site of INNA.";

document.write( str.replace(/example/, "3water") );
</script>

运行该例子,输出:

3water.com is a example domains site of INNA.

当给正则表达式加上全局标志 g 时:

<script language="JavaScript">
var str = "www.example.net is a example domains site of INNA.";

document.write( str.replace(/example/g, "3water") );
</script>

运行该例子,输出:

3water.com is a 5idev domains site of INNA.

注意,如果您要忽略大小写,可以加上 i 参数:/example/gi 。

Javascript 相关文章推荐
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
半角全角相互转换的js函数
Oct 16 Javascript
jquery实现简单的二级导航下拉菜单效果
Sep 07 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
Vue中使用vux的配置详解
May 05 Javascript
Node.js中多进程模块Cluster的介绍与使用
May 27 Javascript
详解webpack 多入口配置
Jun 16 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
浅谈 vue 中的 watcher
Dec 04 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 #Javascript
JavaScript中的6种运算符总结
Oct 16 #Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 #Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 #Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 #Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 #Javascript
编程语言JavaScript简介
Oct 16 #Javascript
You might like
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
jQuery 获取对象 定位子对象
2010/05/31 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
2016/11/09 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
JS Math对象与Math方法实例小结
2019/07/05 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
分析Python中解析构建数据知识
2018/01/20 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
Python函数中不定长参数的写法
2019/02/13 Python
python对象与json相互转换的方法
2019/05/07 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
浅析python连接数据库的重要事项
2021/02/22 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
腾讯技术类校园招聘笔试试题
2014/05/06 面试题
ktv中秋节活动方案
2014/01/30 职场文书
家长给学校的建议书
2014/05/15 职场文书
学校班班通实施方案
2014/06/11 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
刑事案件上诉状
2015/05/23 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
Jsonp劫持学习
2021/04/01 PHP
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS