欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS使用replace()方法和正則表達(dá)式進(jìn)行字符串的搜索與替換實(shí)例

 更新時(shí)間:2014年04月10日 10:04:15   作者:  
這篇文章主要介紹了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:

復(fù)制代碼 代碼如下:

var str="Hello world!";
document.write(str.replace(/world/, "phper"));

例2:
復(fù)制代碼 代碼如下:

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:
復(fù)制代碼 代碼如下:

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:

復(fù)制代碼 代碼如下:

var re1 = new RegExp("\\d{5}");
var re2 = /\d{5}/;

 3、字符串的搜索及exec()方法的使用

 exec()方法返回一個(gè)數(shù)組,其中存放匹配的結(jié)果。如果未找到匹配,則返回值為 null。

例5:

復(fù)制代碼 代碼如下:

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:

復(fù)制代碼 代碼如下:

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)試代碼的兼容

    分享一個(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í)現(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)求的方法

    這篇文章主要介紹了實(shí)例講解使用原生JavaScript處理AJAX請(qǐng)求的方法,這樣就算是利用原生API而脫離了jQuery中的Ajax方法,需要的朋友可以參考下
    2016-05-05
  • JavaScript創(chuàng)建對(duì)象的幾種方式及關(guān)于this指向問(wèn)題

    JavaScript創(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-07
  • javascript fullscreen全屏實(shí)現(xiàn)代碼

    javascript fullscreen全屏實(shí)現(xiàn)代碼

    用了實(shí)現(xiàn)打開(kāi)一個(gè)滿(mǎn)屏的代碼
    2009-04-04
  • JavaScript setInterval()與setTimeout()計(jì)時(shí)器

    JavaScript 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-12
  • 詳解小程序緩存插件(mrc)

    詳解小程序緩存插件(mrc)

    這篇文章主要介紹了詳解小程序緩存插件(mrc),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08
  • JavaScript創(chuàng)建對(duì)象的七種方式(推薦)

    JavaScript創(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-06
  • CSS(js)限制頁(yè)面顯示的文本字符長(zhǎng)度

    CSS(js)限制頁(yè)面顯示的文本字符長(zhǎng)度

    限制頁(yè)面顯示的字符長(zhǎng)度,一直被眾多網(wǎng)友傾睬,本人也是一fans利用閑暇時(shí)間搜集整理了一些實(shí)用技巧,需要了解的朋友可以參考下
    2012-12-12
  • 使用threejs實(shí)現(xiàn)滾動(dòng)效果的示例代碼

    使用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

最新評(píng)論