浅谈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选择器的年代 不了解它们的性能,行吗
Jun 18 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
同步异步动态引入js文件的几种方法总结
Sep 23 Javascript
js控制li的隐藏和显示实例代码
Oct 15 Javascript
vue-infinite-loading2.0 中文文档详解
Apr 08 Javascript
微信小程序实现之手势锁功能实例代码
Jul 19 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 Javascript
vue+vant 上传图片需要注意的地方
Jan 03 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
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
PHP 柱状图实现代码
2009/12/04 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
PHP判断表达式中括号是否匹配的简单实例
2016/10/22 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
javascript读取RSS数据
2007/01/20 Javascript
JavaScript的Cookies
2008/01/16 Javascript
JS 继承实例分析
2008/11/04 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
解javascript 混淆加密收藏
2009/01/16 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
2009/08/15 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
jquery提取元素里的纯文本不包含span等里的内容
2013/09/30 Javascript
jquery常用特效方法使用示例
2014/04/25 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
vue cli构建的项目中请求代理与项目打包问题
2018/02/26 Javascript
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
Python通过解析网页实现看报程序的方法
2014/08/04 Python
python基于phantomjs实现导入图片
2016/05/13 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
车间调度岗位职责
2013/11/30 职场文书
校园餐饮创业计划书
2014/01/10 职场文书
道德模范先进事迹
2014/02/14 职场文书
高中军训感言400字
2014/02/24 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书
浅析Django接口版本控制
2021/06/26 Python
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript