浅谈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下载文件|无刷新下载文件示例代码
Apr 17 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
Apr 16 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
JS 创建对象的模式实例小结
Apr 28 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
也谈截取首页新闻 - 范例
2006/10/09 PHP
php循环输出数据库内容的代码
2008/05/24 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
javascript  Error 对象 错误处理
2008/05/18 Javascript
关于js获取radio和select的属性并控制的代码
2011/05/12 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
js简单时间比较的方法
2016/08/02 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
Django自定义用户认证示例详解
2018/03/14 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
Python 最强编辑器详细使用指南(PyCharm )
2019/09/16 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
销售总经理岗位职责
2014/03/15 职场文书
2015年五四青年节演讲稿
2015/03/18 职场文书
学校办公室主任岗位职责
2015/04/01 职场文书
商业计划书格式、范文
2019/03/21 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis
Win10系统搭建ftp文件服务器详细教程
2022/08/05 Servers