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 相关文章推荐
点击文章内容处弹出页面代码
Oct 01 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
JS实现从连接中获取youtube的key实例
Jul 02 Javascript
js实现弹窗居中的简单实例
Oct 09 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
微信小程序自定义对话框弹出和隐藏动画
Jul 19 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
详细教你微信公众号正文页SVG交互开发技巧
Jul 25 Javascript
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实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
javascript数组遍历的方法实例分析
2016/09/13 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
2017/03/21 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
vue 动态绑定背景图片的方法
2018/08/10 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
python实现时间o(1)的最小栈的实例代码
2018/07/23 Python
python 字符串只保留汉字的方法
2018/11/16 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
python 如何上传包到pypi
2020/12/24 Python
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
回门宴答谢词
2014/01/13 职场文书
求职个人评价范文
2014/04/09 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
2014年护理工作总结范文
2014/11/14 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
员工加薪申请报告
2015/05/15 职场文书
紫日观后感
2015/06/05 职场文书
初中语文教学反思范文
2016/03/03 职场文书
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android