這篇文章將為大家詳細(xì)講解有關(guān)replace函數(shù)怎么在javascript中使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

主要從事網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站開發(fā)、程序開發(fā)、微網(wǎng)站、小程序制作等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項(xiàng)目的能力。

1.初識replace

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

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

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

string.replace函數(shù) 很多初學(xué)者，會認(rèn)為這個跟C#中的Replace一樣，但并不相同，js中replace更靈活。
最基本的用法 就是簡單替換字符串。來看一個例子：

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

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

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

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

可以使用正則表達(dá)式的相關(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 被匹配的原字符串。

正則表達(dá)的引用

$$ 插入一個 "$"。
$& 插入匹配的子串。
$` 插入當(dāng)前匹配的子串左邊的內(nèi)容。
$' 插入當(dāng)前匹配的子串右邊的內(nèi)容。
$n 假如第一個參數(shù)是 RegExp對象，并且 n 是個小于100的非負(fù)整數(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
// 忽略大小寫的匹配 但沒有進(jìn)行全局匹配 所以只替換第一個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ù)中引用正則表達(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á)式中第一個喝第二個括號匹配的內(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á)式對象：

 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ù)！

關(guān)于replace函數(shù)怎么在javascript中使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目：replace函數(shù)怎么在javascript中使用-創(chuàng)新互聯(lián)
URL鏈接：http://weahome.cn/article/gospd.html