夏日博客

A-A+

js replace 与replaceall实例用法详解

2015年12月05日 前端设计 暂无评论 阅读 11 views 次

一直在使用 php 的替换函数，今天偶尔要用到 js 替换的函数，在 js 中替换的功能可以用多种方法来实现，当然也集成了多种的函数，这点跟 PHP 差不多，每一个函数的作用都有微秒的区别，只要利用好了，就会在其速度效率上有所提升了，我们比较不陌生的就是 js replace 和 replaceall 这两个了，这也是比较简单通用的两个 JS 函数，今天在学习时顺便将这两个函数的参语语法等都记录下来以备查用。

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. 　　}  
  9. 　　另外, replace 方法也可以替换模式中的子表达式。 下面的范例演示了交换字符串中的每一对单词：  
  10. 　　function ReplaceDemo(){  
  11. 　　var r, re; // 声明变量。  
  12. 　　var ss = "The rain in Spain falls mainly in the plain.";  
  13. 　　re = /(S+)(s+)(S+)/g; // 创建正则表达式模式。  
  14. 　　r = ss.replace(re, "$3$2$1"); // 交换每一对单词。  
  15. 　　return(r); // 返回结果字符串。  
  16. 　　}  

下面的示例(在 JScript 5.5 及更新版本中执行)执行的是从华氏到摄氏的转换，它演示了使用函数作为 replaceText。要想知道该函数是如何工作的，传递一个包含数值的字符串，数值后要紧跟 "F" (例如 "Water boils at 212")。代码如下:

  1. function f2c(s) {  
  2. 　　var test = /(d+(.d*)?)Fb/g; // 初始化模式。  
  3. 　　return(s.replace  
  4. 　　(test,  
  5. 　　function($0,$1,$2) {  
  6. 　　return((($1-32) * 5/9) + "C");  
  7. 　　}  
  8. 　　)  
  9. 　　);  
  10. 　　}  
  11. 　　document.write(f2c("Water freezes at 32F and boils at 212F."));  

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

js 代码如下:

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

方法: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)只能替换第一个

标签：

给我留言