在js中的replace方法详解
时间:2007-08-21 15:47:00
replace 方法
返回根据正则表达式进行文字替换后的字符串的复制。
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*)?)F\b/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."));
function($0,$1,$2) {
return((($1-32) * 5/9) + "C");
}
)
);
}
document.write(f2c("Water freezes at 32F and boils at 212F."));
自己写的两个方法:
<html><SCRIPT LANGUAGE="JavaScript"><!--function replaceAll(str,b){//var renStr=str.replace("-","*");这样写只能替换第一个匹配的字符.var renStr=str.replace(/\-/g,b);//这样写可以替换匹配的字符所有字符.与replaceAllNew()方法作用是一样的.document.all.text4.value=renStr;document.all.text2.value="";document.all.text3.value="";}function replaceAllNew(text,replacement,target){ if(text==null || text=="") return text;//如果text无内容,返回text if(replacement==null || replacement=="") return text;//如果replacement无内容,返回text if(target==null) target="";//如果target无内容,设置为空串 var returnString="";//定义返回值变量,并初始化 var index=text.indexOf(replacement);//定义查找replacement的索引下标,并进行第一次查找 while(index!=-1) {//直至未找到replacement,要么进行下面的处理 //alert(index); //alert(returnString); returnString+=text.substring(0,index)+target;//如果找到的replacement前有字符,累加到返回值中,并加上target text=text.substring(index+replacement.length);//取掉找到的replacement及前边的字符 index=text.indexOf(replacement);//进行查询,准备下一次处理 } if(text!="") returnString+=text;//如果找到的最后一个replacement后有字符,累加到返回值中 //alert(returnString);document.all.text4.value=returnString;document.all.text2.value="";document.all.text3.value="";return returnString;//返回 } function bodyOnload(){var str1="adbddasd";//replaceAll(str1,’a’,’A’);}//--></SCRIPT><body >1:javascript 中的replace方法测试!<br>原来的:<input type="text" value="">;转换后的:<input type="text" value=""><br>把字符:<input type="text" value=""><br>替换为:<input type="text" value=""><br><input type="button" value="replace1" /><input type="button" value="replace2" /></body></html>
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Dreamweaver如何防止及消除垃圾代码的产生
EasyASP v1.5发布(包含数据库操作类,原clsDbCtrl.asp)第1/2页
ASP使用xmlhttp调用WEBSERVICE文档
给zblog加上运行代码功能
Oracle 9i产品文档
asp中Access与Sql Server数据库区别总结
从mysql到oracle你必须了解的50件事儿
2008北京奥运会倒计时js代码
prototype.js1.4版开发者手册
![](https://img.aspxhome.com/file/UploadPic/up/2007093019082399.jpg)
[翻译]标记语言和样式手册 chapter 5 表单
![](https://img.aspxhome.com/file/UploadPic/20081/23/2008123183735445s.jpg)
利用mergeAttributes设置name属性
asp中最新新闻显示new图片的实现代码
用我喜欢的字体(Cufon)
Asp测试网速代码(带进度条)
![](https://img.aspxhome.com/file/UploadPic/200711/12/20071112131916460s.jpg)
使用jQuery简化Ajax开发
软件与网站设计的区别
Oracle 8x监控sysdba角色用户登陆情况
一段Asp301重定向过程代码
未知高度的图片垂直居中
![](https://img.aspxhome.com/file/UploadPic/201012/17/01-22s.jpg)