zoukankan      html  css  js  c++  java
  • javascript中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>

    呵呵,您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则,那这就难不住您。稍加修改就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>
  • 相关阅读:
    C盘扩容 无损分区 (摘录自百度经验)
    Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据
    手机访问PC站时自动跳转到手机站
    C# String 前面不足位数补零的方法
    把页面翻译成繁体
    网页上传视频.MP4视频编码、音频编码配置
    同样的mp4文件,本地测试可以播放,浏览服务器页面时不能播放
    vue $refs给for循环出来的某一个添加样式
    vue 获取验证码倒计时
    判断两个数组的内容是否相同
  • 原文地址:https://www.cnblogs.com/zzh/p/1244071.html
Copyright © 2011-2022 走看看