js replace 与replaceall实例用法详解


Posted in Javascript onAugust 03, 2013

stringObj.replace(rgExp, replaceText)

参数

stringObj

必选项。要执行该替换的 String 对象或字符串文字。该字符串不会被 replace 方法修改。

rgExp

必选项。为包含正则表达式模式或可用标志的正则表达式对象。也可以是 String 对象或文字。如果 rgExp 不是正则表达式对象,它将被转换为字符串,并进行精确的查找;不要尝试将字符串转化为正则表达式。

replaceText

必选项。是一个String 对象或字符串文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。在 Jscript 5.5 或更新版本中,replaceText 参数也可以是返回替换文本的函数。

说明

replace 方法的结果是一个完成了指定替换的 stringObj 对象的复制。

下面任意的匹配变量都能用来识别最新的匹配以及找出匹配的字符串。在需要动态决定替换字符串的文本替换中可以使用匹配变量。

字符 含义

$$ $ (JScript 5.5 或更新版本)

$& 指定与整个模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)

$` 指定由 $& 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)

$' 指定由 $& 描述的匹配之后的 stringObj 部分。 (JScript 5.5 或更新版本)

$n 捕获的第 n 个子匹配,此处 n 为从1到9的十进制一位数。 (JScript 5.5 或更新版本)

$nn 捕获的第 nn 个子匹配,此处 nn 为从01到99的十进制两位数。 (JScript 5.5 或更新版本)

如果 replaceText 为函数,对于每一个匹配的子字符串,调用该函数时带有下面的 m+3 个参数,此处 m 是在 rgExp 中捕获的左括弧的个数。第一个参数是匹配的子字符串。接下来的 m 个参数是查找中捕获的全部结果。第 m+2 个参数是在 stringObj 中匹配出现的偏移量,而第 m+3 个参数为 stringObj。结果为将每一匹配的子字符串替换为函数调用的相应返回值的字符串值。

Replace 方法更新全局 RegExp 对象的属性。

示例

下面的示例演示了 replace 方法将第一次出现的单词 "The" 替换为单词 "A" 的用法。

function ReplaceDemo(){

var r, re; // 声明变量。

var ss = "The man hit the ball with the bat.n";

ss += "while the fielder caught the ball with the glove.";

re = /The/g; // 创建正则表达式模式。

r = ss.replace(re, "A"); // 用 "A" 替换 "The"。

return(r); // 返回替换后的字符串。

}

另外, replace 方法也可以替换模式中的子表达式。 下面的范例演示了交换字符串中的每一对单词:

function ReplaceDemo(){

var r, re; // 声明变量。

var ss = "The rain in Spain falls mainly in the plain.";

re = /(S+)(s+)(S+)/g; // 创建正则表达式模式。

r = ss.replace(re, "$3$2$1"); // 交换每一对单词。

return(r); // 返回结果字符串。

}

下面的示例(在 JScript 5.5 及更新版本中执行)执行的是从华氏到摄氏的转换,它演示了使用函数作为 replaceText。要想知道该函数是如何工作的,传递一个包含数值的字符串,数值后要紧跟 "F" (例如 "Water boils at 212")。
function f2c(s) {
var test = /(d+(.d*)?)Fb/g; // 初始化模式。

return(s.replace

(test,

function($0,$1,$2) {

return((($1-32) * 5/9) + "C");

}

)

);

}

document.write(f2c("Water freezes at 32F and boils at 212F."));

js居然不提供replaceAll方法,用for循环又有效率问题,给你一个正则表达式的解决方案

js 代码

String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);

}

方法: string.replace(new RegExp(oldString,"gm"),newString))

gm g=global, m=multiLine , 大致上方法就是这样的,可以实现替换全部指定字串

另一个简单的验证JS的方法:

在浏览器地址栏输入

javascript:alert("abcabcabc".replace(new RegExp("a","gm"),"ad"))

这样比较省事 ;) ,不知道多行的会不会很方便

orgStr.replace(new RegExp(findStr, 'g'), replaceStr)

应该就可以替换所有的了

如果不用正则表达式

orgStr.replace(findStr, replaceStr)只能替换第一个

Javascript 相关文章推荐
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
Nov 13 Javascript
Javascript的表单验证-提交表单
Mar 18 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
详解javascript void(0)
Jul 13 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 Javascript
jquery动态加载js三种方法实例
Aug 03 #Javascript
js innerHTML 改变div内容的方法
Aug 03 #Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 #Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 #Javascript
jQuery function的正确书写方法
Aug 02 #Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 #Javascript
js 固定悬浮效果实现思路代码
Aug 02 #Javascript
You might like
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
php递归创建和删除文件夹的代码小结
2012/04/13 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
php桥接模式应用案例分析
2019/10/23 PHP
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
IE中getElementsByName()对有些元素无效的解决方案
2014/09/28 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
Python3实现爬取简书首页文章标题和文章链接的方法【测试可用】
2018/12/11 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
国际经济贸易专业推荐信
2013/11/06 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
白血病捐款倡议书
2014/05/14 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
邀请书格式范文
2015/02/02 职场文书
毕业实习证明范本
2015/06/16 职场文书
新闻通讯稿模板
2015/07/22 职场文书
Django drf请求模块源码解析
2021/06/08 Python