js replace如何?replaceAll

標籤：sub   而不是   對象   blog   www   ons   bst   調用   模式   

js下string對象的replace方法的定義如下：

stringObject.replace(regexp/substr,replacement)

其中：

      參數             |              描述

regexp/substr     | 必需。規定子字串或要替換的模式的 RegExp 對象。

replacement       | 必需。一個字串值。規定了替換文本或產生替換文本的函數。

傳回值

一個新的字串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。

說明

字串 stringObject 的 replace() 方法執行的是尋找並替換的操作。它將在 stringObject 中尋找與 regexp 相匹配的子字串，然後用 replacement 來替換這些子串。如果 regexp 具有全域標誌 g，那麼 replace() 方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。

replacement 可以是字串，也可以是函數。如果它是字串，那麼每個匹配都將由字串替換。但是 replacement 中的 $ 字元具有特定的含義。如下表所示，它說明從模式比對得到的字串將用於替換。

 字元                       | 替換文本

$1、$2、...、$99　　| 與 regexp 中的第 1 到第 99 個子運算式相匹配的文本。

$&                          | 與regexp相匹配的子串。

$`(在Tab鍵上面那個)  | 位於匹配子串左側的文本。

$‘                           | 位於匹配子串右側的文本。

$$　　　　　　　　　 | 直接量符號。

注意：ECMAScript v3 規定，replace() 方法的參數 replacement 可以是函數而不是字串。在這種情況下，每個匹配都調用該函數，它返回的字串將作為替換文本使用。該函數的第一個參數是匹配模式的字串。接下來的參數是與模式中的子運算式匹配的字串，可以有 0 個或多個這樣的參數。接下來的參數是一個整數，聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject 本身。

上面是w3school上面對string對象replace方法的說明。下面來看測試：

var str = ‘BbBb‘;console.log(str.replace(‘B‘,‘b‘));

此時控制台會列印：‘bbBb‘，而不是‘bbbb‘。

也就是說，當參數‘regexp/substr‘是一個字串時，只會替換掉第一個匹配的子字串。而js的string對象又沒提供replaceAll方法，所以只能嘗試另一種方法，參數‘regexp/substr‘是一個Regex對象--RegExp對象。

先來看看什麼是RegExp對象(已經理解的直接跳過)，下面是RegExp對象的建立方式：

直接量文法：

/pattern/attributes

建立RegExp對象的文法：

new RegExp(pattern, attributes);

參數

參數 pattern 是一個字串，指定了Regex的模式或其他Regex。

參數 attributes 是一個可選的字串，包含屬性 "g"、"i" 和 "m"，分別用於指定全域匹配、區分大小寫匹配和多行匹配。ECMAScript 標準化之前，不支援 m 屬性。如果 pattern 是Regex，而不是字串，則必須省略該參數。

傳回值

一個新的 RegExp 對象，具有指定的模式和標誌。如果參數 pattern 是Regex而不是字串，那麼 RegExp() 建構函式將用與指定的 RegExp 相同的模式和標誌建立一個新的 RegExp 對象。

如果不用 new 運算子，而將 RegExp() 作為函數調用，那麼它的行為與用 new 運算子調用時一樣，只是當 pattern 是Regex時，它只返回 pattern，而不再建立一個新的 RegExp 對象。

拋出

SyntaxError - 如果 pattern 不是合法的Regex，或 attributes 含有 "g"、"i" 和 "m" 之外的字元，拋出該異常。

TypeError - 如果 pattern 是 RegExp 對象，但沒有省略 attributes 參數，拋出該異常。

用RegExp對象測試上面的例子：

var str = ‘BbBb‘;console.log(str.replace(new RegExp(‘B‘),‘b‘));

此時列印的結果是：‘bbBb‘,還是只替換第一個匹配的子字串。再來看看RegExp建構函式對象第二參數的說明：

修飾符      | 描述

i         　  | 執行對大小寫不敏感的匹配。

g             | 執行全域匹配（尋找所有匹配而非在找到第一個匹配後停止）。

m            | 執行多行匹配。

從上面可以看到，當第二個參數字串包含‘g‘這一字元，則會進行全域匹配。下面來測試一下：

var str = ‘BbBb‘;console.log(str.replace(new RegExp(‘B‘,‘g‘),‘b‘)); 

此時列印了：‘bbbb‘。這才是我們想要的結果。

當然上面建立RegExp對象也可以用直接量方式。

new RegExp(‘B‘)  == /B/new RegExp(‘B‘,‘g‘) == /B/g

順便來看一下大小寫不敏感的匹配，與全域匹配一起使用：

var str = ‘BbBb‘;console.log(str.replace(/b/gi,‘a‘));

此時會列印：‘aaaa‘。

其實關鍵是在與Regex的使用。附上w3school上面RegExp對象的介紹：http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

js replace如何?replaceAll