浅谈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 相关文章推荐
javascript父、子页面交互技巧总结
Aug 08 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
javascript实现连续赋值
Aug 10 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
基于jQuery实现咖啡订单管理简单应用
Feb 10 Javascript
jQuery实现手势解锁密码特效
Aug 14 jQuery
vue实现验证码按钮倒计时功能
Apr 10 Javascript
vue中设置、获取、删除cookie的方法
Sep 21 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 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
php字符串截取的简单方法
2013/07/04 PHP
php使用glob函数快速查询指定目录文件的方法
2014/11/15 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
vue router demo详解
2017/10/13 Javascript
Node.Js生成比特币地址代码解析
2018/04/21 Javascript
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
python 运算符 供重载参考
2009/06/11 Python
简单介绍Python中的JSON模块
2015/04/08 Python
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python中通过预先编译正则表达式提高效率
2017/09/25 Python
关于Python的一些学习总结
2018/05/25 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
django框架创建应用操作示例
2019/09/26 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
广州一家公司的.NET面试题
2016/06/11 面试题
秘书岗位职责
2013/11/18 职场文书
医学生自我评价
2014/01/27 职场文书
教师考核评语
2014/04/28 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
MySQL 数据类型选择原则
2021/05/27 MySQL