javascript實現(xiàn)全局匹配并替換的方法

更新時間：2015年04月27日 11:48:16 投稿：hebedich

這篇文章主要介紹了javascript實現(xiàn)全局匹配并替換的方法的總結，十分的簡單實用，有需要的小伙伴可以參考下。

在javascript替換字符串使用的是replace函數(shù)，但在實際使用過程中卻發(fā)現(xiàn)該函數(shù)只會替換被匹配的第一個字符，這就讓人很不爽了，在php語言中，replace可是實現(xiàn)全局匹配并替換的。沒辦法，仔細研究了下，發(fā)現(xiàn)還是有其他辦法實現(xiàn)全局匹配并替換的。

（1）其實replace本身也可以實現(xiàn)這種功能的，但要通過正則的形式加個參數(shù)g，例如：

復制代碼代碼如下:

str.replace(/www.baidu.com/g,'m.fzitv.net');

或者：

復制代碼代碼如下:

str.replace(new RegExp('www.baidu.com','gm'),'m.fzitv.net');

將 str 字符中的 www.baidu.com 全部替換為 m.fzitv.net

（2）自己擴展js函數(shù)庫，自創(chuàng)函數(shù)replaceall方法實現(xiàn)全局匹配并替換的功能。如下：

復制代碼代碼如下:

String.prototype.replaceall=function(s1,s2){ 

    return this.replace(new RegExp(s1,"gm"),s2);  

} 

這個其實也是利用了方法一的思想。舉例如下（這里也實現(xiàn)了同上的功能，只不過相比方法一更為直觀而已）：

復制代碼代碼如下:

str.replace('www.baidu.com','m.fzitv.net');

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

js處理表格對table進行修飾
這篇文章主要介紹了js處理表格對table進行修飾的一些小技巧,需要的朋友可以參考下
2014-05-05
javascript實現(xiàn)tab切換的兩個實例
這篇文章主要介紹了javascript實現(xiàn)tab切換的兩個實例，是對之前方法原理的進一步延伸，需要深入了解的同學可以參考一下
2015-11-11
JSQL 基于客戶端的成績統(tǒng)計實現(xiàn)方法
JSQL應用案例基于客戶端的成績統(tǒng)計，下面我把整個example的代碼貼出來，歡迎拍磚
2010-05-05
javascript實現(xiàn)的鼠標鏈接提示效果生成器代碼
javascript實現(xiàn)的鼠標鏈接提示效果生成器代碼...
2007-06-06
有關Promises異步問題詳解
這篇文章主要介紹了有關JavaScript Promises異步問題詳解的相關資料,需要的朋友可以參考下
2015-11-11
使用js Math.random()函數(shù)生成n到m間的隨機數(shù)字
何使用js生成n到m間的隨機數(shù)字，主要目的是為后期的js生成驗證碼做準備，Math.random()函數(shù)返回0和1之間的偽隨機數(shù)
2014-10-10
微信小程序實現(xiàn)接收驗證碼
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)接收驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
JavaScript引用類型Date常見用法實例分析
這篇文章主要介紹了JavaScript引用類型Date常見用法,結合實例形式分析了引用類型Date基本創(chuàng)建、參數(shù)使用及相關注意事項,需要的朋友可以參考下
2018-08-08
javascript+canvas制作九宮格小程序
這篇文章主要介紹了javascript+canvas制作九宮格小程序，效果非常棒，這里推薦給有需要的小伙伴們
2014-12-12
javascript 彈出層組件（升級版）
前面文章里寫過一個彈出層對話框，但ie6下有bug，根本沒有實現(xiàn)position:fixed的效果，當時沒有真實ie6環(huán)境，測試疏忽，匆匆放到博客上，還讓一些讀者看到甚至使用，在這里表示萬分抱歉啊
2011-05-05