浅谈javascript中replace()方法


Posted in Javascript onNovember 10, 2015

定义和用法
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法
stringObject.replace(regexp/substr,replacement)

浅谈javascript中replace()方法

返回值
一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。
说明
字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。

浅谈javascript中replace()方法

注意:ECMAScript v3 规定,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。
实例
例子 1
在本例中,我们将使用 "W3School" 替换字符串中的 "Microsoft":

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "3water"))

</script>

输出:Visit 3water!
例子 2
在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "W3School":

<script type="text/javascript">

var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."

document.write(str.replace(/Microsoft/g, "3water"))

</script>

输出:
Welcome to 3water! We are proud to announce that 3water

has one of the largest Web Developers sites in the world.
例子 3
您可以使用本例提供的代码来确保匹配字符串大写字符的正确:

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

输出:javascript Tutorial
例子 4
在本例中,我们将把 "Doe, John" 转换为 "John Doe" 的形式:

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

输出:John Doe 
例子 5
在本例中,我们将把所有的花引号替换为直引号:

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

输出:'a', 'b'
例子 6
在本例中,我们将把字符串中所有单词的首字母都转换为大写:

name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
 return word.substring(0,1).toUpperCase()+word.substring(1);}
 );

输出:Aaa Bbb Ccc

通过本文简单的学习,大家应该大概知道javascript中replace()方法,结合实例练习,希望对大家的学习有所帮助。

Javascript 相关文章推荐
js中split函数的使用方法说明
Dec 26 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
JavaScript与java语言有什么不同
Sep 22 Javascript
js闭包用法实例详解
Dec 13 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 jQuery
javascript中的replace函数(带注释demo)
Jan 07 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
Jul 29 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
Jul 25 Javascript
使用jQuery获取data-的自定义属性
Nov 10 #Javascript
javascript适合移动端的日期时间拾取器
Nov 10 #Javascript
js图片轮播手动切换效果
Nov 10 #Javascript
JS截取与分割字符串常用技巧总结
Nov 10 #Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 #Javascript
纯javascript响应式树形菜单效果
Nov 10 #Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 #Javascript
You might like
织梦模板标记简介
2007/03/11 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
原生js实现验证码功能
2017/03/16 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
nodejs使用async模块同步执行的方法
2019/03/02 NodeJs
简介JavaScript错误处理机制
2020/08/04 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
Python模块学习 datetime介绍
2012/08/27 Python
python通过apply使用元祖和列表调用函数实例
2015/05/26 Python
Ubuntu下安装PyV8
2016/03/13 Python
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
梅尔频率倒谱系数(mfcc)及Python实现
2019/06/18 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
行政助理求职自荐信
2013/10/26 职场文书
食品营养与检测应届生求职信
2013/11/08 职场文书
廉政教育心得体会
2014/01/01 职场文书
开业主持词
2014/03/21 职场文书
媒体宣传策划方案
2014/05/25 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
小学生安全教育心得体会
2016/01/15 职场文书