国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

來(lái)一輪帶注釋的demo,徹底搞懂javascript中的replace函數(shù)

Coding01 / 2899人閱讀

摘要:對(duì)應(yīng)于上述的,等。匹配到的子字符串在原字符串中的偏移量。插入當(dāng)前匹配的子串右邊的內(nèi)容。

javascript這門(mén)語(yǔ)言一直就像一位帶著面紗的美女,總是看不清,摸不透,一直專注服務(wù)器端,也從來(lái)沒(méi)有特別重視過(guò),直到最近幾年,javascript越來(lái)越重要,越來(lái)越通用。最近和前端走的比較近,借此機(jī)會(huì),好好鞏固一下相關(guān)知識(shí)點(diǎn)。

1.初識(shí)replace

在js中有兩個(gè)replace函數(shù) 一個(gè)是location.replace(url) 跳轉(zhuǎn)到一個(gè)新的url

一個(gè)string.replace("xx","yy") 替換字符串 返回一個(gè)新的字符串,該方法并不改變字符串本身

location.replace(url) 無(wú)痕跳轉(zhuǎn)(將當(dāng)前鏈接導(dǎo)航到一個(gè)新的url 并不保存歷史記錄)

與之相對(duì)的是location.href="url" 有痕跳轉(zhuǎn)(將當(dāng)前鏈接導(dǎo)航到一個(gè)新的url 且保存歷史記錄) 這個(gè)沒(méi)有比較清晰

string.replace函數(shù) 很多初學(xué)者,會(huì)認(rèn)為這個(gè)跟C#中的Replace一樣,但并不相同,js中replace更靈活。

最基本的用法 就是簡(jiǎn)單替換字符串。來(lái)看一個(gè)例子:

var str = "abcd-abcd-abcd";
var result = str.replace("a", "");
console.log(result);
//輸出 bcd-abcd-abcd
//當(dāng)?shù)谝粋€(gè)參數(shù)是一個(gè)簡(jiǎn)單字符串時(shí),僅替換第一個(gè)匹配項(xiàng)

2.走進(jìn)replace之正則表達(dá)式

參數(shù)一:正則表達(dá)式對(duì)象或字面量(支持gi模式) g全局匹配 i忽略大小寫(xiě)

參數(shù)二:要替換的字符串或一個(gè)function

可以使用正則表達(dá)式的相關(guān)引用

如果是function,則替換為function的返回值

此function的參數(shù):

match 匹配的子串。(對(duì)應(yīng)于上述的$&。)

p1,p2, ... 假如replace()方法的第一個(gè)參數(shù)是一個(gè)RegExp 對(duì)象,則代表第n個(gè)括號(hào)匹配的字符串。(對(duì)應(yīng)于上述的$1,$2等。)

offset 匹配到的子字符串在原字符串中的偏移量。(比如,如果原字符串是“abcd”,匹配到的子字符串是“bc”,那么這個(gè)參數(shù)將是1)

string 被匹配的原字符串。

正則表達(dá)的引用

$$ 插入一個(gè) "$"。

$& 插入匹配的子串。

$` 插入當(dāng)前匹配的子串左邊的內(nèi)容。

$" 插入當(dāng)前匹配的子串右邊的內(nèi)容。

$n 假如第一個(gè)參數(shù)是 RegExp對(duì)象,并且 n 是個(gè)小于100的非負(fù)整數(shù),那么插入第 n 個(gè)括號(hào)匹配的字符串。

3.來(lái)一輪帶注釋的demo,徹底搞懂javascript中的replace函數(shù):

全局匹配:

var str = "abcd-abcd-abcd";
var result = str.replace(/a/g, "e");
console.log(result);
//輸出 ebcd-ebcd-ebcd
//g全局匹配 所有a字符串都將被替換

忽略大小寫(xiě)匹配:

var str = "abcd-abcd-abcd";
var result = str.replace(/A/i, "e");
console.log(result);
// 輸出 ebcd-abcd-abcd
// 忽略大小寫(xiě)的匹配 但沒(méi)有進(jìn)行全局匹配 所以只替換第一個(gè)a

忽略大小寫(xiě)且全局匹配:

var str = "abcd-abcd-abcd";
var result = str.replace(/A/gi, "e");
console.log(result);
// 輸出 ebcd-ebcd-ebcd
// 忽略大小寫(xiě)并全局匹配 所有a都被替換

使用function作為第二參數(shù):

var str = "abcd-abcd-1234";
var result = str.replace(/([a-z]*)-([a-z]*)/gi, function(match,p1,p2,offset,str){
    console.log(match);    //abcd-abcd  匹配的內(nèi)容
    console.log(p1);    //第一個(gè)括號(hào)中匹配的內(nèi)容
    console.log(p2);    //第二個(gè)括號(hào)匹配的內(nèi)容
    console.log(offset);//0 匹配到的字符串的索引(偏移量) 
    console.log(str);    //原始字符串
    return [p1,p2].join("+");
});
console.log(result);
// 輸出 abcd+abcd+1234
// 原字符串中 abcd-abcd 被匹配后 被替換為function返回的內(nèi)容



在參數(shù)中引用正則表達(dá)式匹配項(xiàng):

var str = "a b";
var result = str.replace(/(w+)s(w+)/gi, "$2 $1");
console.log(result); 
//輸出 b a 
// 這里的$1 $2分別引用正則表達(dá)式中第一個(gè)喝第二個(gè)括號(hào)匹配的內(nèi)容

在參數(shù)中引用匹配項(xiàng)左側(cè)內(nèi)容:

var str = "abc";
var result = str.replace(/b/g, "$`"); //$`代表匹配字符的左側(cè)內(nèi)容
console.log(result);
//輸出: aac

在參數(shù)中引用匹配項(xiàng)右側(cè)內(nèi)容:

var str = "abc";
var result = str.replace(/b/g, "$""); //$"代表匹配字符的右側(cè)內(nèi)容
console.log(result);
//輸出: acc

使用正則表達(dá)式對(duì)象:

 var str = "a b";
 var reg = new RegExp(/(w+)s(w+)/, "gi"); //也可以使用正則表示對(duì)象來(lái)最為參數(shù)
 var result = str.replace(reg, "$2 $1");
 console.log(result); //輸出 b a

有了這些例子 加上開(kāi)頭的名詞解釋,相信你已經(jīng)徹底搞懂了javascript中的replace函數(shù)!

啥也不說(shuō)了,大大地點(diǎn)贊吧!!

主要研究技術(shù):HTML5、CSS3、ASP.NET MVC、SqlServer、Jquery、EasyUI等

專注于 代碼生成工具、Web開(kāi)發(fā)框架、設(shè)計(jì)模式及其應(yīng)用。

撰寫(xiě)人:史林楓 (qq:1326771967)

轉(zhuǎn)載請(qǐng)注明出處

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/90685.html

相關(guān)文章

  • 徹底搞懂JavaScript執(zhí)行機(jī)制

    摘要:徹底搞懂執(zhí)行機(jī)制首先我們大家都了解的是,是一門(mén)單線程語(yǔ)言,所以我們就可以得出是按照語(yǔ)句順序執(zhí)行的首先看這個(gè)顯然大家都知道結(jié)果,依次輸出,然而換一種這個(gè)時(shí)候再看代碼的順序執(zhí)行,輸出,,,。不過(guò)即使主線程為空,也是達(dá)不到的,根據(jù)標(biāo)準(zhǔn),最低是。 徹底搞懂JavaScript執(zhí)行機(jī)制 首先我們大家都了解的是,JavaScript 是一門(mén)單線程語(yǔ)言,所以我們就可以得出: JavaScript 是...

    hizengzeng 評(píng)論0 收藏0
  • 搞懂nginxrewrite模塊

    摘要:非標(biāo)準(zhǔn)碼關(guān)閉連接而不發(fā)送響應(yīng)報(bào)頭。指令按照它們?cè)谂渲梦募谐霈F(xiàn)的順序執(zhí)行。可以使用標(biāo)志來(lái)終止指令的進(jìn)一步處理。返回永久重定向。發(fā)送如下請(qǐng)求控制是否記錄有關(guān)未初始化變量的警告。 之前在配置nginx時(shí),總是遇到rewrite指令的last和break標(biāo)識(shí)的問(wèn)題,看到的資料大都是last 基本上都用這個(gè) Flag,break 中止 Rewirte,不在繼續(xù)匹配。看完之后還是有點(diǎn)懵,后來(lái)看了...

    wangshijun 評(píng)論0 收藏0
  • 深入前端-徹底搞懂JS運(yùn)行機(jī)制

    摘要:瀏覽器是多進(jìn)程的詳情看我上篇總結(jié)瀏覽器執(zhí)行機(jī)制的文章深入前端徹底搞懂瀏覽器運(yùn)行機(jī)制瀏覽器每打開(kāi)一個(gè)標(biāo)簽頁(yè),就相當(dāng)于創(chuàng)建了一個(gè)獨(dú)立的瀏覽器進(jìn)程。執(zhí)行異步操作事件完成,回調(diào)函數(shù)進(jìn)入。主線程從讀取回調(diào)函數(shù)并執(zhí)行。 最近看了很多關(guān)于JS運(yùn)行機(jī)制的文章,每篇都獲益匪淺,但各有不同,所以在這里對(duì)這幾篇文章里說(shuō)的很精辟的地方做一個(gè)總結(jié),參考文章鏈接見(jiàn)最后。本文博客地址 了解進(jìn)程和線程 進(jìn)程是應(yīng)用...

    luckyw 評(píng)論0 收藏0
  • 深入前端-徹底搞懂JS運(yùn)行機(jī)制

    摘要:瀏覽器是多進(jìn)程的詳情看我上篇總結(jié)瀏覽器執(zhí)行機(jī)制的文章深入前端徹底搞懂瀏覽器運(yùn)行機(jī)制瀏覽器每打開(kāi)一個(gè)標(biāo)簽頁(yè),就相當(dāng)于創(chuàng)建了一個(gè)獨(dú)立的瀏覽器進(jìn)程。執(zhí)行異步操作事件完成,回調(diào)函數(shù)進(jìn)入。主線程從讀取回調(diào)函數(shù)并執(zhí)行。 最近看了很多關(guān)于JS運(yùn)行機(jī)制的文章,每篇都獲益匪淺,但各有不同,所以在這里對(duì)這幾篇文章里說(shuō)的很精辟的地方做一個(gè)總結(jié),參考文章鏈接見(jiàn)最后。本文博客地址 了解進(jìn)程和線程 進(jìn)程是應(yīng)用...

    jaysun 評(píng)論0 收藏0
  • 徹底搞懂Java內(nèi)存泄露

    摘要:所以如果趕在之前切斷是可以避免內(nèi)存泄露的。經(jīng)過(guò)測(cè)試情況始終沒(méi)有內(nèi)存泄露。如果當(dāng)退出時(shí)候,還有消息未處理或正在處理,由于引用又引用,此時(shí)將引發(fā)內(nèi)存泄露。總結(jié)如果某些單例需要使用到對(duì)象,推薦使用的,不要使用的,否則容易導(dǎo)致內(nèi)存泄露。 之前一直在簡(jiǎn)書(shū)寫(xiě)作,第一次發(fā)布到SF上來(lái),也是第一次使用SF,后面會(huì)盡量同步到SF,更多文章請(qǐng)關(guān)注:簡(jiǎn)書(shū)?編程之樂(lè)轉(zhuǎn)載請(qǐng)注明出處:謝謝! Java內(nèi)存回收方式...

    seasonley 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<