在JS中用Replace 全部替換字符

1500個(gè)前端開發(fā)常用JavaScript特效

• 類型：電子教程大�。�3.3M語言：中文 評分：3.6
• 標(biāo)簽：

立即下載

在JS中常用的替換字符串是用 Replace函數(shù)，我們先來看一下 Replace函數(shù)的用法

replace 方法

返回根據(jù)正則表達(dá)式進(jìn)行文字替換后的字符串的復(fù)制。

stringObj.replace(rgExp, replaceText)

參數(shù)

stringObj 

必選項(xiàng)。要執(zhí)行該替換的 String 對象或字符串文字。該字符串不會被 replace 方法修改。 

rgExp 

必選項(xiàng)。為包含正則表達(dá)式模式或可用標(biāo)志的正則表達(dá)式對象。也可以是 String 對象或文字。如果 rgExp 不是正則表達(dá)式對象，它將被轉(zhuǎn)換為字符串，并進(jìn)行精確的查找；不要嘗試將字符串轉(zhuǎn)化為正則表達(dá)式。

replaceText 

必選項(xiàng)。是一個(gè)String 對象或字符串文字，對于stringObj 中每個(gè)匹配 rgExp 中的位置都用該對象所包含的文字加以替換。在 Jscript 5.5 或更新版本中，replaceText 參數(shù)也可以是返回替換文本的函數(shù)。

說明

replace 方法的結(jié)果是一個(gè)完成了指定替換的 stringObj 對象的復(fù)制。 

下面任意的匹配變量都能用來識別最新的匹配以及找出匹配的字符串。在需要動態(tài)決定替換字符串的文本替換中可以使用匹配變量。

字符 含義 

$$ $ （JScript 5.5 或更新版本） 

$& 指定與整個(gè)模式匹配的 stringObj 的部分。 （JScript 5.5 或更新版本） 

$` 指定由 $& 描述的匹配之前的 stringObj 部分。 （JScript 5.5 或更新版本） 

$' 指定由 $& 描述的匹配之后的 stringObj 部分。 （JScript 5.5 或更新版本） 

$n 捕獲的第 n 個(gè)子匹配，此處 n 為從1到9的十進(jìn)制一位數(shù)。 （JScript 5.5 或更新版本） 

$nn 捕獲的第 nn 個(gè)子匹配，此處 nn 為從01到99的十進(jìn)制兩位數(shù)。 （JScript 5.5 或更新版本） 

如果 replaceText 為函數(shù)，對于每一個(gè)匹配的子字符串，調(diào)用該函數(shù)時(shí)帶有下面的 m+3 個(gè)參數(shù)，此處 m 是在 rgExp 中捕獲的左括弧的個(gè)數(shù)。第一個(gè)參數(shù)是匹配的子字符串。接下來的 m 個(gè)參數(shù)是查找中捕獲的全部結(jié)果。第 m+2 個(gè)參數(shù)是在 stringObj 中匹配出現(xiàn)的偏移量，而第 m+3 個(gè)參數(shù)為 stringObj。結(jié)果為將每一匹配的子字符串替換為函數(shù)調(diào)用的相應(yīng)返回值的字符串值。

Replace 方法更新全局 RegExp 對象的屬性。

示例

下面的示例演示了 replace 方法將第一次出現(xiàn)的單詞 "The" 替換為單詞 "A" 的用法。

function ReplaceDemo(){

   var r, re;                    // 聲明變量。

   var ss = "The man hit the ball with the bat.\n";

   ss += "while the fielder caught the ball with the glove.";

   re = /The/g;             // 創(chuàng)建正則表達(dá)式模式。

   r = ss.replace(re, "A");    // 用 "A" 替換 "The"。

   return(r);                   // 返回替換后的字符串。

}

另外, replace 方法也可以替換模式中的子表達(dá)式。 下面的范例演示了交換字符串中的每一對單詞： 

function ReplaceDemo(){

   var r, re;                      // 聲明變量。

   var ss = "The rain in Spain falls mainly in the plain.";

   re = /(\S+)(\s+)(\S+)/g;        // 創(chuàng)建正則表達(dá)式模式。

   r = ss.replace(re, "$3$2$1");   // 交換每一對單詞。

   return(r);                      // 返回結(jié)果字符串。

}

下面的示例（在 JScript 5.5 及更新版本中執(zhí)行）執(zhí)行的是從華氏到攝氏的轉(zhuǎn)換，它演示了使用函數(shù)作為 replaceText。要想知道該函數(shù)是如何工作的，傳遞一個(gè)包含數(shù)值的字符串，數(shù)值后要緊跟 "F" （例如 "Water boils at 212"）。

function f2c(s) {

  var test = /(\d+(\.\d*)?)F\b/g;    // 初始化模式。

  return(s.replace

    (test,

      function($0,$1,$2) { 

        return((($1-32) * 5/9) + "C");

      }

    )

  );

}

document.write(f2c("Water freezes at 32F and boils at 212F."));

script language="javascript">
var r= "1\n2\n3\n";
//將字母\n替換成分號
alert(r.replace("\n",";"));

結(jié)果：1;2\n3\n 只替換了第一個(gè)
</script>

<script language="javascript">
var r= "1\n2\n3\n";
//將字母\n替換成分號
alert(r.replace(/\n/g, ";"));

結(jié)果：1;2;3; replace 的第一個(gè)參數(shù)可以是正則表達(dá)式，/g標(biāo)識全文匹配。
</script>

js去掉前后空格，相當(dāng)vbscript中的 trim 函數(shù)

 function String.prototype.Trim() { return this.replace(/(^/s*)|(/s*$)/g, ""); }   // 去掉左右空格

  function String.prototype.Ltrim() { return this.replace(/(^/s*)/g, ""); }            // 去掉左空格
  function String.prototype.Rtrim() { return this.replace(/(/s*$)/g, ""); }            // 去掉右空格