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 相关文章推荐
显示、隐藏密码
Jul 01 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
Jquery Ajax请求代码(2)
Jan 07 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
javascript计时器编写过程与实现方法
Feb 29 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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中数组的三种排序方法分享
2012/05/07 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
JS原型链 详解及示例代码
2016/09/06 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
vue中mint-ui环境搭建详细介绍
2017/04/06 Javascript
使用Node.js实现ORM的一种思路详解(图文)
2017/10/24 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
Vue插槽原理与用法详解
2019/03/05 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
[30:00]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第二场 11.28
2020/12/01 DOTA
Python Mysql数据库操作 Perl操作Mysql数据库
2009/01/12 Python
python使用psutil模块获取系统状态
2016/08/27 Python
Python设计模式之模板方法模式实例详解
2019/01/17 Python
python实现石头剪刀布程序
2021/01/20 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
Python实现剪刀石头布小游戏(与电脑对战)
2019/12/31 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
python实现模拟器爬取抖音评论数据的示例代码
2021/01/06 Python
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
行政助理的职责
2013/11/14 职场文书
房产证明范本
2015/06/19 职场文书
如何写好开幕词?
2019/06/24 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang
使用javascript解析二维码的三种方式
2021/11/11 Javascript
JavaScript的Set数据结构详解
2022/02/18 Javascript
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers