编程 Javascript

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

Posted in Javascript onJune 06, 2015

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

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

语法

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中的replace()方法使用详解

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用jquery实现学校的校历(asp.net+jquery ui 1.72)

Jan 01 Javascript

jQuery实现原理的模拟代码 -6 代码下载

Aug 16 Javascript

Javascript 加载和执行-性能提高篇

Dec 28 Javascript

使用JavaScript动态设置样式实现代码及演示动画

Jan 25 Javascript

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

Apr 01 Javascript

Bootstrap实现默认导航栏效果

Sep 21 Javascript

js判断上传文件后缀名是否合法

Jan 28 Javascript

一道优雅面试题分析js中fn()和return fn()的区别

Jul 05 Javascript

简单实现JavaScript图片切换效果

Nov 28 Javascript

BootStrap表单宽度设置方法

Mar 10 Javascript

vue2.0多条件搜索组件使用详解

Mar 26 Javascript

微信小程序中插入激励视频广告并获取收益(实例代码)

Dec 06 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设计模式 Delegation(委托模式)

2011/06/26 PHP

PHP中array_slice函数用法实例详解

2014/11/25 PHP

php根据一个给定范围和步进生成数组的方法

2015/06/19 PHP

详解php魔术方法(Magic methods)的使用方法

2016/02/14 PHP

php中pcntl_fork创建子进程的方法实例

2019/03/14 PHP

PHP xpath提取网页数据内容代码解析

2020/07/16 PHP

javascript preload&lazy load

2010/05/13 Javascript

js实时监听文本框状态的方法

2011/04/26 Javascript

在子窗口中关闭父窗口的一句代码

2013/10/21 Javascript

对JavaScript的全文搜索实现相关度评分的功能的方法

2015/06/24 Javascript

JavaScript实现瀑布流布局

2020/06/28 Javascript

javascript实现简易计算器的代码

2016/05/31 Javascript

js精准的倒计时函数分享

2016/06/29 Javascript

jQuery的ready方法实现原理分析

2016/10/26 Javascript

详解ES6之用let声明变量以及let loop机制

2017/07/15 Javascript

JS实现微信摇一摇原理解析

2017/07/22 Javascript

利用纯JS实现像素逐渐显示的方法示例

2017/08/14 Javascript

layui表格内放置图片,并点击放大的实例

2019/09/10 Javascript

layui按条件隐藏表格列的实例

2019/09/19 Javascript

Electron 调用命令行(cmd)

2019/09/23 Javascript

使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法

2020/07/20 Javascript

Angular+Ionic使用queryParams实现跳转页传值的方法

2020/09/05 Javascript

讲解Python中运算符使用时的优先级

2015/05/14 Python

python 接口实现供第三方调用的例子

2019/08/13 Python

浅析移动设备HTML5页面布局

2015/12/01 HTML / CSS

实例讲解利用HTML5 Canvas API操作图形旋转的方法

2016/03/22 HTML / CSS

eDreams葡萄牙：全球最大的在线旅行社之一

2019/04/15 全球购物

写一个用矩形法求定积分的通用函数

2012/11/08 面试题

应届生服务员求职信

2013/10/31 职场文书

财务会计应届生求职信

2013/11/24 职场文书

报社实习生自荐信

2014/01/24 职场文书

计算机专业毕业生自荐信范文

2014/03/06 职场文书

工商管理专业大学生职业生涯规划范文

2014/03/09 职场文书

精彩广告词大全

2014/03/19 职场文书

开业庆典活动策划方案

2014/09/21 职场文书

22句经典语录：送给优柔寡断和胡思乱想的朋友们

2019/12/13 职场文书