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