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 相关文章推荐
11款基于Javascript的文件管理器
Oct 25 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
js 金额文本框实现代码
Feb 14 Javascript
各种常用的JS函数整理
Oct 25 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
js 动态修改css文件的方法
Aug 05 Javascript
jquery根据锚点offset值实现动画切换
Sep 11 Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 Javascript
使用canvas及js简单生成验证码方法
Apr 02 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
layer.open关闭父窗口 以及调用父页面的方法
Aug 17 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/06/29 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
基于python requests库中的代理实例讲解
2018/05/07 Python
python requests 测试代理ip是否生效
2018/07/25 Python
Django时区详解
2019/07/24 Python
与Django结合利用模型对上传图片预测的实例详解
2019/08/07 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
Python子进程subpocess原理及用法解析
2020/07/16 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
Python Map 函数的使用
2020/08/28 Python
毕业生自荐书
2013/12/18 职场文书
办理护照介绍信
2014/01/16 职场文书
计划生育标语
2014/06/23 职场文书
课外活动实习计划
2015/01/19 职场文书
学雷锋倡议书
2015/01/19 职场文书
项目验收申请报告
2015/05/15 职场文书
芙蓉镇观后感
2015/06/10 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书
Python使用Kubernetes API访问集群
2021/05/30 Python
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python