JS使用replace()方法和正則表達式進行字符串的搜索與替換實例
1、JS字符串的替換及replace()方法的使用
replace(regexp,replacement)方法有兩個參數(shù)，第一參數(shù)可以是一個純文本字符串或是一個RegExp對象，具體請看RegExp對象的使用；第二個參數(shù)可是一個字符串也可以是一個函數(shù)。
以下是JS字符串替換的舉例：
例1：
var str="Hello world!";
document.write(str.replace(/world/, "phper"));
例2：
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var info="Lili,14,China";
var rep=info.replace(reg, "She is $1, $2 years old, come from $3");
alert(rep);
例3：
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var info="Lili,14,China";
var name, age, from;
function prase_info(m,p1,p2,p3) { // 也可使用非顯式參數(shù)，使用arguments獲取
name = p1;
age = p2;
from = p3;
return "She is "+p1+", "+p2+" years old, come from "+p3;
}
var rep=info.replace(reg, prase_info);
alert(rep);
aler(name);
2、RegExp對象的使用
JavaScript提供了一個RegExp對象來完成有關(guān)正則表達式的操作和功能，每一條正則表達式模式對應(yīng)一個RegExp實例。有兩種方式可以創(chuàng)建RegExp對象的實例。
使用RegExp的顯式構(gòu)造函數(shù)，語法為：new RegExp("pattern"[,"flags"])；使用RegExp的隱式構(gòu)造函數(shù)，采用純文本格式：/pattern/[flags]。例4中兩條語句是等價的。
例4：
var re1 = new RegExp("\\d{5}");
var re2 = /\d{5}/;
3、字符串的搜索及exec()方法的使用
exec()方法返回一個數(shù)組，其中存放匹配的結(jié)果。如果未找到匹配，則返回值為 null。
例5：
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var m=reg.exec("Lili,14,China");
var s="";
for (i = 0; i < m.length; i++) {
s = s + m[i] + "\n";
}
alert(s);
4、test()方法的使用
RegExpObject.test(string)
如果字符串 string 中含有與 RegExpObject 匹配的文本，則返回 true，否則返回 false。
例6：
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var m=reg.test("Lili,14,China");
alert(RegExp.$1);
alert(RegExp.$2);
alert(RegExp.$3);
相關(guān)文章
分享一個自定義的console類 讓你不再糾結(jié)JS中的調(diào)試代碼的兼容
在寫JS的過程中，為了調(diào)試我們常常會寫很多 console.log、console.info、console.group、console.warn、console.error代碼來查看JS的運行情況，但發(fā)布時又因為IE不支持console，又要去掉這些代碼，一不小心就會出錯2012-04-04
微信小程序云開發(fā)如何實現(xiàn)數(shù)據(jù)庫自動備份實現(xiàn)
這篇文章主要介紹了小程序云開發(fā) 數(shù)據(jù)庫自動備份實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了實例講解使用原生JavaScript處理AJAX請求的方法,這樣就算是利用原生API而脫離了jQuery中的Ajax方法,需要的朋友可以參考下2016-05-05
JavaScript創(chuàng)建對象的幾種方式及關(guān)于this指向問題
這篇文章主要介紹了JavaScript創(chuàng)建對象的幾種方式及關(guān)于this指向問題，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值。需要的小伙伴可以參考一下2022-07-07
javascript fullscreen全屏實現(xiàn)代碼
用了實現(xiàn)打開一個滿屏的代碼2009-04-04
JavaScript setInterval()與setTimeout()計時器
這篇文章主要介紹了JavaScript setInterval()與setTimeout()計時器，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了詳解小程序緩存插件(mrc)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
JavaScript創(chuàng)建對象的七種方式(推薦)
JavaScript創(chuàng)建對象的方式有很多，通過Object構(gòu)造函數(shù)或?qū)ο笞置媪康姆绞揭部梢詣?chuàng)建單個對象，顯然這兩種方式會產(chǎn)生大量的重復(fù)代碼，并不適合量產(chǎn)。接下來介紹七種非常經(jīng)典的創(chuàng)建對象的方式，他們也各有優(yōu)缺點2017-06-06
限制頁面顯示的字符長度，一直被眾多網(wǎng)友傾睬，本人也是一fans利用閑暇時間搜集整理了一些實用技巧,需要了解的朋友可以參考下2012-12-12
某一天我在刷抖音時,看到一個UI設(shè)計師分享了一個好看的網(wǎng)頁滾動動效設(shè)計,那種飄逸流暢的動畫效果立刻抓住了我的眼球,我腦海里立刻開始想象用代碼如何實現(xiàn)這個效果,所以本文給大家分享了如何使用threejs實現(xiàn)滾動效果,感興趣的朋友可以參考下2024-01-01