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 动态添加事件代码
Nov 30 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
Oct 25 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
RequireJS用法简单示例
Aug 20 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 Javascript
(开源)微信小程序+mqtt,esp8266温湿度读取
Apr 02 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
不用数据库的多用户文件自由上传投票系统(3)
2006/10/09 PHP
用jscript实现新建word文档
2007/06/15 Javascript
js 深拷贝函数
2008/12/04 Javascript
UserData用法总结 lanyu出品
2010/07/01 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
nodejs npm包管理的配置方法及常用命令介绍
2014/06/05 NodeJs
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
JavaScript中使用指数方法Math.exp()的简介
2015/06/15 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
jquery实现无刷新验证码的简单实例
2016/05/19 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
详解vue-cli 2.0配置文件(小结)
2019/01/14 Javascript
express启用https使用小记
2019/05/21 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
vue实现信息管理系统
2020/05/30 Javascript
[01:44]《为梦想出发》—联想杯DOTA2完美世界全国高校联赛
2015/09/30 DOTA
python实时分析日志的一个小脚本分享
2017/05/07 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
PYQT5实现控制台显示功能的方法
2019/06/25 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
django template实现定义临时变量,自定义赋值、自增实例
2020/07/12 Python
python定义具名元组实例操作
2021/02/28 Python
希腊香水和化妆品购物网站:Parfimo.gr
2019/10/03 全球购物
伊莱克斯(Electrolux)俄罗斯网上商店:瑞典家用电器品牌
2021/01/23 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
汽车广告策划方案
2014/05/31 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
初中生物教学随笔
2015/08/15 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js
Java基础-封装和继承
2021/07/02 Java/Android
深入解析MySQL索引数据结构
2021/10/16 MySQL