js中replace()的用法

Javascript 1544 0 2012-12-06

js中replace()的用法
在javascript中,String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力。

     replace()最简单的算是能力就是简单的字符替换。例如:  

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

       </script>
      我想大家运行后可以看到结果,它只替换了首字母。但如果加上正则表达式结果就不一样了!replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换!
     <script language="javascript">
               var strM = "javascript is a good script language";
               //在此我想将字母a替换成字母A
              alert(strM.replace(/a/,"A"));
     </script>

但是结果还是没有更改,如果您熟悉正则,那这就难不住您。稍加修改就OK了。

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

还可以这样,看看效果!
<script language="javascript">
 var strM = "javascript is a good script language";
 alert(strM.replace(/(javascript)\s*(is)/g,"$1 $2 fun. it $2"));
</script>
  我这儿举的例子都是很简单的应用,replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强,呵呵,那您就会越疯狂的爱上它。
  当然,我这儿推荐replace()的原因并不因为它能与正则表达式合作,而在于它还能与函数进行合作,发挥出强大的功能。
  先看看简单例子:将所有单词首字母换成大写。
<script language="javascript">
 var strM = "javascript is a good script language";
 function change(word)
{
 return word.indexOf(0).toUpperCase()+word.substring(1);
}
 alert(strM.replace(/\b\w+\b/g,change));
</script>
  由上可知,当正则表达式有"g"标志时,代表将处理整个字符串,即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数,具体个数视正则表达式而定。
  有了函数与正则表达式的配合,replace()处理字符串的功能空前强大起来了!
  最后还举个例子,将字符串所有单词倒序,用replace()处理是如此简单。
<script language="javascript">
var strM = "javascript is a good script language";
function change(word)
{
 var result = word.match(/(\w)/g);
 if ( result )
{
 var str = "";
  for ( var i=result.length-1; i>=0; i-- )
 {
   str += result;
 } return str;
}
else
{
  return "null";
}
}
alert(strM.replace(/\b(\w)+\b/g,change));
</script>

上一篇:JS文本域换行符和HTML换行标签的相互替换

下一篇:多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准

讨论数量:1

天涯网魂 3 杠 5 星2012-12-06 17:24:09

 JS Replace() 高级用法

在很多项目中,我们经常需要使用JS,在页面前面对前台的某些元素做做修改,js 的replace()方法就必不可少。

经常使用"ABCABCabc".replace("A","B")的同学应该会比较清楚,改语句的最终结果是BBCABC,这种方法只能替换

第一个匹配的元素。如果替换所有呢?使用正则表达式即可:

"ABCABCabc".replace(/A/g,"B") 即可。

那如果想替换A的同时也可以替换a呢?

那你可以使用"ABCABCabc".replace(/a/ig,"B");

Flag: i标识ignore忽略大小,g标识global 反复检索,m标识多行检索(这个暂时没试验)

也可以使用它们的组合,比如上面用到的ig就标识替换所有,并且忽略大小写。

正规的正则写法:

var reg=new RegExp(/patten/flag)

var strs="".match(reg);

当flag用了g后,strs返回的就是字符串数组。

如果想要多个字符串中的任意一个相匹配,则可以使用

reg=new RegExp(/abc|xyz/ig);

请先登录再发表讨论。 2024-05-01

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链