在JS中用Replace 全部替換字符

1500個前端開發常用JavaScript特效

• 類型：電子教程大?。?i>3.3M語言：中文 評分：3.6
• 標簽：

立即下載

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

replace 方法

返回根據正則表達式進行文字替換后的字符串的復制。

stringObj.replace(rgExp, replaceText)

參數

stringObj 

必選項。要執行該替換的 String 對象或字符串文字。該字符串不會被 replace 方法修改。 

rgExp 

必選項。為包含正則表達式模式或可用標志的正則表達式對象。也可以是 String 對象或文字。如果 rgExp 不是正則表達式對象，它將被轉換為字符串，并進行精確的查找；不要嘗試將字符串轉化為正則表達式。

replaceText 

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

說明

replace 方法的結果是一個完成了指定替換的 stringObj 對象的復制。 

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

字符 含義 

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

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

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

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

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

$nn 捕獲的第 nn 個子匹配，此處 nn 為從01到99的十進制兩位數。 （JScript 5.5 或更新版本） 

如果 replaceText 為函數，對于每一個匹配的子字符串，調用該函數時帶有下面的 m+3 個參數，此處 m 是在 rgExp 中捕獲的左括弧的個數。第一個參數是匹配的子字符串。接下來的 m 個參數是查找中捕獲的全部結果。第 m+2 個參數是在 stringObj 中匹配出現的偏移量，而第 m+3 個參數為 stringObj。結果為將每一匹配的子字符串替換為函數調用的相應返回值的字符串值。

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

示例

下面的示例演示了 replace 方法將第一次出現的單詞 "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;             // 創建正則表達式模式。

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

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

}

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

function ReplaceDemo(){

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

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

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

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

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

}

下面的示例（在 JScript 5.5 及更新版本中執行）執行的是從華氏到攝氏的轉換，它演示了使用函數作為 replaceText。要想知道該函數是如何工作的，傳遞一個包含數值的字符串，數值后要緊跟 "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",";"));

結果：1;2\n3\n 只替換了第一個
</script>

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

結果：1;2;3; replace 的第一個參數可以是正則表達式，/g標識全文匹配。
</script>

js去掉前后空格，相當vbscript中的 trim 函數

 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, ""); }            // 去掉右空格