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