js replace如何實現replaceAll


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'是一個正則表達式對象--RegExp對象。

先來看看什么是RegExp對象(已經理解的直接跳過),下面是RegExp對象的創建方式:

直接量語法:

/pattern/attributes

創建RegExp對象的語法:

new RegExp(pattern, attributes);

參數

參數 pattern 是一個字符串,指定了正則表達式的模式或其他正則表達式。

參數 attributes 是一個可選的字符串,包含屬性 "g"、"i" 和 "m",分別用於指定全局匹配、區分大小寫的匹配和多行匹配。ECMAScript 標准化之前,不支持 m 屬性。如果 pattern 是正則表達式,而不是字符串,則必須省略該參數。

返回值

一個新的 RegExp 對象,具有指定的模式和標志。如果參數 pattern 是正則表達式而不是字符串,那么 RegExp() 構造函數將用與指定的 RegExp 相同的模式和標志創建一個新的 RegExp 對象。

如果不用 new 運算符,而將 RegExp() 作為函數調用,那么它的行為與用 new 運算符調用時一樣,只是當 pattern 是正則表達式時,它只返回 pattern,而不再創建一個新的 RegExp 對象。

拋出

SyntaxError - 如果 pattern 不是合法的正則表達式,或 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'。

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM