JavaScript中的replace()方法使用详解


Posted in Javascript onJune 06, 2015

 该方法找到一个正则表达式的字符串之间的匹配,并取代了匹配的子带的新的子串。

替换字符串可以包含以下特殊替换模式:

JavaScript中的replace()方法使用详解

 语法

string.replace(regexp/substr, newSubStr/function[, flags]);

下面是参数的详细信息:

  •     regexp : 一个RegExp对象。匹配被替换参数的返回#2.
  •     substr : 一个字符串,由newSubStr 来替换
  •     newSubStr : 它取代从参数中收到的子字符串 #1.
  •     function : 一个函数被调用以创建新的子串
  •     flags : 包含的正则表达式标志的任意组合字符串: g - 全局匹配, i - 忽略大小写,m - 匹配多行。此参数仅用于如果所述第一参数是一个字符串。

返回值:

  •     它只是返回一个新的改变的字符串

例子:

下面的示例演示了如何使用全球和忽略大小写标志,允许替换,以使用字符串'oranges'取代'apples'

<html>
<head>
<title>JavaScript String replace() Method</title>
</head>
<body>
<script type="text/javascript">

var re = /apples/gi;
var str = "Apples are round, and apples are juicy.";
var newstr = str.replace(re, "oranges");

document.write(newstr ); 

</script>
</body>
</html>

 
例子:

下面的例子演示了如何在一个字符串转换的词:

<html>
<head>
<title>JavaScript String replace() Method</title>
</head>
<body>
<script type="text/javascript">

var re = /(\w+)\s(\w+)/;
var str = "zara ali";
var newstr = str.replace(re, "$2, $1");
document.write(newstr);

</script>
</body>
</html>
Javascript 相关文章推荐
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
jquery中post方法用法实例
Oct 21 Javascript
js/jquery判断浏览器类型的方法小结
May 12 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
JS创建对象的写法示例
Nov 04 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
jquery实现简易验证插件封装
Sep 13 jQuery
JavaScript中String.match()方法的使用详解
Jun 06 #Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 #Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 #Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 #Javascript
jquery实现点击label的同时触发文本框点击事件的方法
Jun 05 #Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 #Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 #Javascript
You might like
PHP 基本语法格式
2009/12/15 PHP
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
如何修改yii2.0自带的user表为其它的表
2017/08/01 PHP
document.all与WEB标准
2020/05/13 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
Spring MVC中Ajax实现二级联动的简单实例
2016/07/06 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
vue踩坑记录之数组定义和赋值问题
2019/03/20 Javascript
express启用https使用小记
2019/05/21 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
python 读写、创建 文件的方法(必看)
2016/09/12 Python
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
经营管理策划方案
2014/05/22 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
教师自查自纠材料
2014/10/14 职场文书
演讲稿之感恩老师(三篇范文)
2019/09/06 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js