在js中的replace方法详解

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" 的用法。

1 function ReplaceDemo(){ 
2    var r, re;                    // 声明变量。 
3    var ss = "The man hit the ball with the bat.\n"; 
4    ss += "while the fielder caught the ball with the glove."; 
5    re = /The/g;             // 创建正则表达式模式。 
6    r = ss.replace(re, "A");    // 用 "A" 替换 "The"。 
7    return(r);                   // 返回替换后的字符串。 
8 }

View Code

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

1 function ReplaceDemo(){ 
2    var r, re;                      // 声明变量。 
3    var ss = "The rain in Spain falls mainly in the plain."; 
4    re = /(\S+)(\s+)(\S+)/g;        // 创建正则表达式模式。 
5    r = ss.replace(re, "$3$2$1");   // 交换每一对单词。 
6    return(r);                      // 返回结果字符串。 
7 }

View Code

1 <script type="text/javascript">
2 msg = "http://www.w3school.com.cn";
3 result = msg.replace(/((http|https):\/\/.+)/g, '<a href="$1" target="_blank">$1</a>');
4 document.write(result);
5 </script>

View Code

正则表达式中，用括号括起来的部分会从左向右的进行编号，然后在replace()的第二个参数中，通过 $n 来引用。

转载于:https://www.cnblogs.com/lrh-liuronghua/p/3279156.html