浅谈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 相关文章推荐
jQuery源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
js获取所有checkbox的值的简单实例
May 30 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
Jan 02 Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
微信小程序实现类似微信点击语音播放效果
Mar 30 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 Javascript
vue使用echarts实现折线图
Mar 21 Vue.js
使用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
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
php的4种常见运行方式
2015/03/20 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
编程语言Python的发展史
2014/09/26 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
python交互式图形编程实例(三)
2017/11/17 Python
python机器学习之神经网络实现
2018/10/13 Python
Python用字典构建多级菜单功能
2019/07/11 Python
python2.7实现复制大量文件及文件夹资料
2019/08/31 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
eharmony澳大利亚:网上约会服务
2020/02/29 全球购物
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
护士自荐信范文
2013/12/15 职场文书
上班上网检讨书
2014/01/29 职场文书
安全教育演讲稿
2014/05/09 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
销售工作决心书
2015/02/04 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS