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 相关文章推荐
关于javascript document.createDocumentFragment()
Apr 04 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
Jul 18 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
jquery实现动态改变css样式的方法分析
May 27 jQuery
JS实现简单省市二级联动
Nov 27 Javascript
JavaScript实现拖动对话框效果的实现代码
Oct 12 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
星际争霸教主Flash的ID由来:你永远不会知道他之前的ID是www!
2019/01/18 星际争霸
PHP脚本数据库功能详解(上)
2006/10/09 PHP
在PHP中PDO解决中文乱码问题的一些补充
2010/09/06 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
PHP获取文件扩展名的4种方法
2015/11/24 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
js实现三角形粒子运动
2020/09/22 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python中线程编程之threading模块的使用详解
2015/06/23 Python
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
numpy中索引和切片详解
2017/12/15 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
python进阶之自定义可迭代的类
2019/08/20 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
旅游管理本科生求职信
2013/10/14 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
鼋头渚导游词
2015/02/05 职场文书
副校长2015年教育教学工作总结
2015/07/27 职场文书
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript
OpenCV-Python实现轮廓拟合
2021/06/08 Python
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android