成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Coding01 / 2966人閱讀

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

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

1.初識replace

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

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

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

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

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

最基本的用法 就是簡單替換字符串。來看一個例子：

var str = "abcd-abcd-abcd";
var result = str.replace("a", "");
console.log(result);
//輸出 bcd-abcd-abcd
//當?shù)谝粋€參數(shù)是一個簡單字符串時，僅替換第一個匹配項

2.走進replace之正則表達式

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

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

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

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

此function的參數(shù)：

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

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

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

string 被匹配的原字符串。

正則表達的引用

$$ 插入一個 "$"。

$& 插入匹配的子串。

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

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

$n 假如第一個參數(shù)是 RegExp對象，并且 n 是個小于100的非負整數(shù)，那么插入第 n 個括號匹配的字符串。

3.來一輪帶注釋的demo，徹底搞懂javascript中的replace函數(shù)：

全局匹配：

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

忽略大小寫匹配：

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

忽略大小寫且全局匹配：

var str = "abcd-abcd-abcd";
var result = str.replace(/A/gi, "e");
console.log(result);
// 輸出 ebcd-ebcd-ebcd
// 忽略大小寫并全局匹配 所有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);    //第一個括號中匹配的內(nèi)容
    console.log(p2);    //第二個括號匹配的內(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ù)中引用正則表達式匹配項：

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

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

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

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

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

使用正則表達式對象：

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

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

啥也不說了，大大地點贊吧??！

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

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

撰寫人：史林楓 (qq：1326771967)

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

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90685.html

相關(guān)文章

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

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

    hizengzeng 評論0 收藏0

  • 搞懂nginx的rewrite模塊

    摘要：非標準碼關(guān)閉連接而不發(fā)送響應(yīng)報頭。指令按照它們在配置文件中出現(xiàn)的順序執(zhí)行?？梢允褂脴酥緛斫K止指令的進一步處理。返回永久重定向。發(fā)送如下請求控制是否記錄有關(guān)未初始化變量的警告。 之前在配置nginx時，總是遇到rewrite指令的last和break標識的問題，看到的資料大都是last 基本上都用這個 Flag，break 中止 Rewirte，不在繼續(xù)匹配。看完之后還是有點懵，后來看了...

    wangshijun 評論0 收藏0

  • 深入前端-徹底搞懂JS的運行機制

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

    luckyw 評論0 收藏0

  • 深入前端-徹底搞懂JS的運行機制

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

    jaysun 評論0 收藏0

  • 徹底搞懂Java內(nèi)存泄露

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

    seasonley 評論0 收藏0

發(fā)表評論

0條評論

Coding01

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<