浅谈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 JSON的解析方式分享
Apr 05 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
php,js,css字符串截取的办法集锦
Sep 26 Javascript
基于javascript实现九九乘法表
Mar 27 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
Dec 08 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
微信小程序前端promise封装代码实例
Aug 24 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
vue实现tab栏点击高亮效果
Aug 19 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
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
2009/07/01 PHP
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
微信小程序 循环及嵌套循环的使用总结
2017/09/26 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
2019/03/16 jQuery
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
python list元素为tuple时的排序方法
2018/04/18 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
PHP开发的一般流程
2013/08/13 面试题
电气工程师岗位职责
2014/01/01 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
护士先进个人总结
2015/02/13 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
上诉状格式
2015/05/23 职场文书
七年级上册生物的课件
2019/08/07 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle