夏日博客

A-A+

javascript中replace()字符替换详解

2016年01月13日 前端设计 暂无评论 阅读 5 views 次

js中的replace可以直接替换我们要替换的字符串stringObject.replace(regexp/substr,replacement)也可以利用带正则的方式来替换字符。

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法:

stringObject.replace(regexp/substr,replacement)

返回值:

一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明:

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

实例,代码如下:

  1. <script language="javascript">  
  2. var strM = "javascript is a good script language";  
  3. //在此我想将字母a替换成字母A  
  4. alert(strM.replace("a","A"));  
  5. </script>  

它只替换了首字母,但如果加上正则表达式结果就不一样了,replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换,代码如下:

  1. <script language="javascript">  
  2. var strM = "javascript is a good script language";  
  3. //在此我想将字母a替换成字母A  
  4. alert(strM.replace(/a/,"A"));  
  5. </script>  

这样还是只替换了第一个字母a,代码如下:

  1. <script language="javascript">  
  2. var strM = "javascript is a good script language";  
  3. //在此将字母a全部替换成字母A  
  4. alert(strM.replace(/a/g,"A"));  
  5. </script>  

由上可知,当正则表达式有"g"标志时,代表将处理整个字符串,代码如下:

  1. <script language="javascript">  
  2. var strM = "javascript is a good script language";  
  3. alert(strM.replace(/(javascript)s*(is)/g,"$1 $2 fun. it $2"));  
  4. </script>  

例2,代码如下:

  1. <script language="javascript">    
  2. var reg=new RegExp("终古","g"); //创建正则RegExp对象    
  3. var stringObj="终古人民共和国，终古人民";    
  4. var newstr=stringObj.replace(reg,"中国");     
  5. alert(newstr);    
  6. </script>  

先看看简单例子,将所有单词首字母换成大写,代码如下:

  1. <script language="javascript">  
  2. var strM = "javascript is a good script language";  
  3. function change(word)  
  4. {  
  5. return word.indexOf(0).toUpperCase()+word.substring(1);  
  6. }  
  7. alert(strM.replace(/bw+b/g,change));  
  8. </script>  

由上可知，当正则表达式有"g"标志时,代表将处理整个字符串,即函数change的变换将应用于所有匹配的对象,而该函数有三个或更多参数,具体个数视正则表达式而定,有了函数与正则表达式的配合，replace()处理字符串的功能空前强大起来了,最后还举个例子,将字符串所有单词倒序,用replace()处理是如此简单,代码如下:

  1. <script language="javascript">  
  2. var strM = "javascript is a good script language";  
  3. function change(word)  
  4. {  
  5. var result = word.match(/(w)/g);  
  6. if ( result )  
  7. {  
  8. var str = "";  
  9. for ( var i=result.length-1; i>=0; i-- )  
  10. {  
  11. str += result;  
  12. }  
  13. return str;  
  14. }  
  15. else  
  16. {  
  17. return "null";  
  18. }  
  19. }  
  20. alert(strM.replace(/b(w)+b/g,change));  
  21. </script>  

注意:ECMAScript v3 规定，replace() 方法的参数 replacement 可以是函数而不是字符串,在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用,该函数的第一个参数是匹配模式的字符串,接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置,最后一个参数是 stringObject 本身.

标签：

给我留言