亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js中replace的用法總結

2019-11-20 21:22:03
字體:
來源:轉載
供稿:網友

replace方法的語法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正則表達式對象(RegExp)也可以是字符串(string),replaceText是替代查找到的字符串。。為了幫助大家更好的理解,下面舉個簡單例子說明一下

Js代碼

復制代碼 代碼如下:

<script language="javascript">   
    var stringObj="終古人民共和國,終古人民";   

    //替換錯別字“終古”為“中國”   
    //并返回替換后的新字符   
    //原字符串stringObj的值沒有改變   
    var newstr=stringObj.replace("終古","中國");   
    alert(newstr);   
    </script>  
終古”為“中國”
的值沒有改變
中國");

比我聰明的你,看完上面的例子之后,會發現第二個錯別字“終古”并沒有被替換成“中國”,我們可以執行二次replace方法把第二個錯別字“終古”也替換掉,程序經過改進之后如下:

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    var stringObj="終古人民共和國,終古人民";   

    //替換錯別字“終古”為“中國”   
    //并返回替換后的新字符   
    //原字符串stringObj的值沒有改變   
    var newstr=stringObj.replace("終古","中國");   

    newstr=newstr.replace("終古","中國");   
 alert(newstr);   
 </script>  
終古”為“中國”
的值沒有改變
中國");
中國");

我們可以仔細的想一下,如果有N的N次方個錯別字,是不是也要執行N的N次方replace方法來替換掉錯別字呢??呵,不用怕,有了正則表達式之后不用一個錯別字要執行一次replace方法。。程序經過改進之后的代碼如下

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    var reg=new RegExp("終古","g"); //創建正則RegExp對象   
    var stringObj="終古人民共和國,終古人民";   
    var newstr=stringObj.replace(reg,"中國");   
    alert(newstr);   
    </script>  

創建正則RegExp對象

上面講的是replace方法最簡單的應用,不知道大家有沒有看懂??下面開始講稍微復雜一點的應用。。

大家在一些網站上搜索文章的時候,會發現這么一個現象,就是搜索的關鍵字會高亮改變顏色顯示出來??這是怎么實現的呢??其實我們可以用正則表達式來實現,具體怎么樣實現呢?簡單的原理請看下面的代碼

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    var str="中華人民共和國,中華人民共和國";   
    var newstr=str.replace(/(人)/g,"<font color=red>$1</font>");   
    document.write(newstr);   
    </script>  

上面的程序缺少互動性,我們再改進一下程序,實現可以自主輸入要查找的字符

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    var s=prompt("請輸入在查找的字符","人");   
    var reg=new RegExp("("+s+")","g");   
    var str="中華人民共和國,中華人民共和國";   
    var newstr=str.replace(reg,"<font color=red>$1</font>");   
    document.write(newstr);   
    </script>  
人");

可能大家都會對$1這個特殊字符表示什么意思不是很理解,其實$1表示的就是左邊表達式中括號內的字符,即第一個子匹配,同理可得$2表示第二個子匹配。。什么是子匹配呢??通俗點講,就是左邊每一個括號是第一個字匹配,第二個括號是第二個子匹配。。

當我們要把查找到的字符進行運算的時候,怎么樣實現呢??在實現之前,我們先講一下怎么樣獲取某一個函數的參數。。在函數Function的內部,有一個arguments集合,這個集合存儲了當前函數的所有參數,通過arguments可以獲取到函數的所有參數,為了大家理解,請看下面的代碼

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    function test(){   
       alert("參數個數:"+arguments.length);   
       alert("每一個參數的值:"+arguments[0]);   
       alert("第二個參數的值"+arguments[1]);   
      //可以用for循環讀取所有的參數   
    }   

    test("aa","bb","cc");   
 </script>  
alert("
alert("
alert("
//循環讀取所有的參數

看懂上面的程序之后,我們再來看下面一個有趣的程序

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    var reg=new RegExp("http://d","g");   
    var str="abd1afa4sdf";   
    str.replace(reg,function(){alert(arguments.length);});   
    </script>  

我們驚奇的發現,匿名函數竟然被執行了二次,并且在函數里還帶有三個參數,為什么會執行二次呢??這個很容易想到,因為我們寫的正則表達式是匹配單個數字的,而被檢測的字符串剛好也有二個數字,故匿名函數被執行了二次。。在匿名函數內部的那三個參數到底是什么內容呢??為了弄清這個問題,我們看下面的代碼。

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    function test(){   
    for(var i=0;i<arguments.length;i++){   
        alert("第"+(i+1)+"個參數的值:"+arguments[i]);   
    }   
    }   
    var reg=new RegExp("http://d","g");   
    var str="abd1afa4sdf";   
    str.replace(reg,test);   
 </script>  
for(var i=0;i<arguments.length;i++){
alert("個參數的值:"+arguments[i]);
}

經過觀察我們發現,第一個參數表示匹配到的字符,第二個參數表示匹配時的字符最小索引位置(RegExp.index),第三個參數表示被匹配的字符串(RegExp.input)。其實這些參數的個數,還會隨著子匹配的變多而變多的。弄清這些問題之后,我們可以用另外的一種寫法

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    function test($1){   
      return "<font color='red'>"+$1+"</font>"  
    }   
    var s=prompt("請輸入在查找的字符","人");   
    var reg=new RegExp("("+s+")","g");   
    var str="中華人民共和國,中華人民共和國";   
    var newstr=str.replace(reg,test);   
    document.write(newstr);   
 </script>  
return "<font color='red'>"+$1+"</font>"
人");

看了上面的程序,原來可以對匹配到的字符為所欲為。下面簡單舉一個應用的例子

Js代碼

復制代碼 代碼如下:

    <script language="javascript">   
    var str="他今年22歲,她今年20歲,他的爸爸今年45歲,她的爸爸今年44歲,一共有4人"  
    function test($1){   
      var gyear=(new Date()).getYear()-parseInt($1)+1;   
      return $1+"("+gyear+"年出生)";   
    }   
    var reg=new RegExp("(//d+)歲","g");   
    var newstr=str.replace(reg,test);   
    alert(str);   
 alert(newstr);   
 </script>  

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
伊人亚洲福利一区二区三区| 国产精品自产拍高潮在线观看| 中文字幕日韩免费视频| 超碰97人人做人人爱少妇| 欧美激情在线观看视频| 欧美日韩在线视频首页| 91久久久久久久久久| 成人在线观看视频网站| 国产精品草莓在线免费观看| 亚洲在线观看视频| 九九热这里只有精品免费看| 久久不射热爱视频精品| www.欧美免费| 国产一区二区在线播放| 欧美另类99xxxxx| 亚洲欧美一区二区三区情侣bbw| 国产欧美精品久久久| 欧美老妇交乱视频| 亚洲天堂av高清| 亚洲性视频网址| 欧美激情亚洲另类| 91午夜在线播放| 日本伊人精品一区二区三区介绍| 国产免费成人av| 国产91精品网站| 精品视频—区二区三区免费| 亚洲图片欧洲图片av| 亚洲男女自偷自拍图片另类| 一区二区在线视频| 亚洲精品一区二区三区婷婷月| 韩剧1988在线观看免费完整版| 国内成人精品一区| 亚洲丁香婷深爱综合| 精品丝袜一区二区三区| 亚洲毛片在线观看| 久久久欧美一区二区| 亚洲人午夜色婷婷| 亚洲图片欧美日产| 亚洲成人av片| 精品久久久久国产| 97视频人免费观看| 国内外成人免费激情在线视频| 按摩亚洲人久久| 精品久久国产精品| 中文国产成人精品| 精品无人区乱码1区2区3区在线| 中文字幕亚洲欧美在线| 日韩av毛片网| 一区二区中文字幕| 日韩电影网在线| 国产福利视频一区| 国产精品精品一区二区三区午夜版| 国产美女精品视频免费观看| 久久久久久久久中文字幕| 国产精品91免费在线| 亚洲福利视频免费观看| 日韩高清不卡av| 欧美精品在线免费播放| 欧洲中文字幕国产精品| 在线播放国产一区中文字幕剧情欧美| 国产精品自产拍在线观| 久久精品99久久香蕉国产色戒| 国产中文字幕日韩| 欧美激情2020午夜免费观看| 日韩美女av在线免费观看| 久久久久久久久久久免费精品| 欧美精品www| 欧美综合国产精品久久丁香| 91免费版网站入口| 欧美亚洲国产视频小说| 中文字幕日韩有码| 国产成人精品免高潮费视频| 成人精品视频99在线观看免费| 欧美丰满少妇xxxxx| 国产亚洲精品日韩| 在线视频国产日韩| 欧美日韩国产中文字幕| 国产精品伦子伦免费视频| 亚洲人精品午夜在线观看| 高清一区二区三区日本久| www欧美xxxx| 国产一区二区三区在线免费观看| 日韩hd视频在线观看| 欧美伊久线香蕉线新在线| 97碰碰碰免费色视频| 国产精品∨欧美精品v日韩精品| 国产欧美一区二区三区在线| 亚洲国产精品视频在线观看| 国产91精品在线播放| 国产视频精品一区二区三区| 国产一区二区精品丝袜| 亚洲精品小视频| 久久国产加勒比精品无码| 深夜福利日韩在线看| 97超碰蝌蚪网人人做人人爽| 视频在线一区二区| 日韩精品在线免费| 精品亚洲一区二区三区在线观看| 亚洲欧美国产高清va在线播| 91免费视频网站| 91色在线观看| 久久视频在线观看免费| 高跟丝袜一区二区三区| 日韩欧美国产免费播放| 国产色视频一区| 国产丝袜精品第一页| 精品美女国产在线| 欧美丰满少妇xxxxx| 日本欧美爱爱爱| 高清视频欧美一级| 国语自产精品视频在线看抢先版图片| 久久久久久久久91| 亚洲欧美综合另类中字| 一本大道亚洲视频| 秋霞午夜一区二区| 亚洲男人天堂2024| 一区二区成人av| 午夜精品久久久久久久99热| 欧美电影免费观看| 国产午夜精品视频免费不卡69堂| 国产日韩欧美综合| 日韩在线精品一区| 中文一区二区视频| 日韩禁在线播放| 久久久久女教师免费一区| 欧美成人激情在线| 亚洲国产私拍精品国模在线观看| 亚洲精品日韩激情在线电影| 国产日韩综合一区二区性色av| 久久久精品一区二区三区| 欧美亚洲另类激情另类| 日韩国产欧美精品在线| 国产精品xxx视频| 欧美视频在线免费| 日韩美女免费观看| 91免费看国产| 亚洲综合一区二区不卡| 国产精品色视频| 国产精品美女久久久久久免费| 综合网中文字幕| 欧美成人一二三| www亚洲精品| 久久人人爽人人爽人人片av高清| 欧美精品电影免费在线观看| 欧美日韩国产在线| 久久99精品久久久久久琪琪| 亚洲乱码国产乱码精品精天堂| 孩xxxx性bbbb欧美| 亚洲曰本av电影| 亚洲精品在线看| 亚洲精品美女久久久| 中文字幕精品久久久久| 欧美在线激情网| 久久福利视频网| 2025国产精品视频| 久久久成人av| 国产精品久久网| 久久视频国产精品免费视频在线| 精品欧美aⅴ在线网站| 欧美性xxxx| 日韩精品视频免费| 国产精品在线看| 国产精品视频久久久| 久久久久久久爱|