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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
jquery操作select方法汇总
Feb 05 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
js实现华丽的九九乘法表效果
Mar 29 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
Vue和React有哪些区别
Sep 12 Javascript
关于JavaScript 中 if包含逗号表达式
Nov 27 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
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
php给图片加文字水印
2015/07/31 PHP
PHP数组函数知识汇总
2016/05/12 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
Laravel 5.3 学习笔记之 错误&amp;日志
2016/08/28 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
js触发onchange事件的方法说明
2014/03/08 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
webpack3之loader全解析
2017/10/26 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python删除列表内容
2015/08/04 Python
requests和lxml实现爬虫的方法
2017/06/11 Python
python使用 HTMLTestRunner.py生成测试报告
2017/10/20 Python
python数据封装json格式数据
2018/03/04 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
python 消费 kafka 数据教程
2019/12/21 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
新手学python应该下哪个版本
2020/06/11 Python
澳大利亚领先的女帽及配饰公司:Morgan&Taylor
2019/12/01 全球购物
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
工程建设实施方案
2014/03/14 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
银行纠风工作实施方案
2014/06/08 职场文书
2014年领班工作总结
2014/11/25 职场文书
新员工入职欢迎词
2015/01/23 职场文书
js实现模拟购物商城案例
2021/05/18 Javascript