js中字符替換函數(shù)String.replace()使用技巧

更新時(shí)間：2011年08月14日 17:33:15 投稿：mdxy-dxy

js中字符替換函數(shù)String.replace()使用技巧，字符替換經(jīng)常用的到。

定義和用法

replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串。

語法

stringObject.replace(regexp/substr,replacement)參數(shù) 描述
regexp/substr 必需。規(guī)定子字符串或要替換的模式的 RegExp 對(duì)象。

請(qǐng)注意，如果該值是一個(gè)字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉(zhuǎn)換為 RegExp 對(duì)象。

replacement 必需。一個(gè)字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。

返回值

一個(gè)新的字符串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。

說明
字符串 stringObject 的 replace() 方法執(zhí)行的是查找并替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串，然后用 replacement 來替換這些子串。如果 regexp 具有全局標(biāo)志 g，那么 replace() 方法將替換所有匹配的子串。否則，它只替換第一個(gè)匹配子串。

replacement 可以是字符串，也可以是函數(shù)。如果它是字符串，那么每個(gè)匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示，它說明從模式匹配得到的字符串將用于替換。

字符替換文本
$1、$2、...、$99 與 regexp 中的第 1 到第 99 個(gè)子表達(dá)式相匹配的文本。
$& 與 regexp 相匹配的子串。
$` 位于匹配子串左側(cè)的文本。
$' 位于匹配子串右側(cè)的文本。
$$ 直接量符號(hào)。

注意：ECMAScript v3 規(guī)定，replace() 方法的參數(shù) replacement 可以是函數(shù)而不是字符串。在這種情況下，每個(gè)匹配都調(diào)用該函數(shù)，它返回的字符串將作為替換文本使用。該函數(shù)的第一個(gè)參數(shù)是匹配模式的字符串。接下來的參數(shù)是與模式中的子表達(dá)式匹配的字符串，可以有 0 個(gè)或多個(gè)這樣的參數(shù)。接下來的參數(shù)是一個(gè)整數(shù)，聲明了匹配在 stringObject 中出現(xiàn)的位置。最后一個(gè)參數(shù)是 stringObject 本身。
實(shí)例
例子 1
在本例中，我們將使用 "jb51.net" 替換字符串中的 "Microsoft"：

<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "jb51.net"))
</script>

輸出：

Visit jb51.net!

例子 2
在本例中，我們將執(zhí)行一次全局替換，每當(dāng) "Microsoft" 被找到，它就被替換為 "jb51.net"：

<script type="text/javascript">
var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."
document.write(str.replace(/Microsoft/g, "jb51.net"))
</script>

輸出：

Welcome to jb51.net! We are proud to announce that jb51.net
has one of the largest Web Developers sites in the world.

例子 3
您可以使用本例提供的代碼來確保匹配字符串大寫字符的正確：

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

例子 4
在本例中，我們將把 "Doe, John" 轉(zhuǎn)換為 "John Doe" 的形式：

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

例子 5
在本例中，我們將把所有的花引號(hào)替換為直引號(hào)：

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

例子 6
在本例中，我們將把字符串中所有單詞的首字母都轉(zhuǎn)換為大寫：

name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
 return word.substring(0,1).toUpperCase()+word.substring(1);}
 );

String.replace( ) 簡(jiǎn)介
語法：
var strings = string.replace(regexp, replacement)

regexp ：您要執(zhí)行替換操作的正則表達(dá)式，如果傳入的是一個(gè)字符串，那就會(huì)當(dāng)作普通字符來處理，并且只會(huì)執(zhí)行一次替換操作；如果是正則表達(dá)式，并且?guī)в?global (g) 修飾符，則會(huì)替換所有出現(xiàn)的目標(biāo)字符，否則，將只執(zhí)行一次替換操作。
replacement ：您要替換成的字符。
返回值是執(zhí)行替換操作后的字符串。

11 String.replace( ) 的簡(jiǎn)單用法
var text = "javascript 非常強(qiáng)大！";13 text.replace(/javascript/i, "JavaScript");14 // 返回：JavaScript 非常強(qiáng)大！

String.replace( ) 替換所有出現(xiàn)的目標(biāo)字符
var text= "javascript 非常強(qiáng)大！JAVASCRIPT 是我最喜歡的一門語言！";17 text.replace(/javascript/ig, "JavaScript");18 // 返回：JavaScript 非常強(qiáng)大！JavaScript 是我最喜歡的一門語言！

String.replace( ) 實(shí)現(xiàn)調(diào)換位置

var name= "Doe, John";
name.replace(/(\w+)\s*,\s*(\w+)/, "$2 $1");
// 返回：John Doe

String.replace( ) 實(shí)現(xiàn)將所有雙引號(hào)包含的字符替換成中括號(hào)包含的字符
var text = '"JavaScript" 非常強(qiáng)大！';25 text.replace(/"([^"]*)"/g, "[$1]");26 // 返回：[JavaScript] 非常強(qiáng)大！

String.replace( ) 將所有字符首字母大寫
var text = 'a journey of a thousand miles begins with single step.';29 text.replace(/\b\w+\b/g, function(word) {30 return word.substring(0,1).toUpperCase( ) +31 word.substring(1);32 });33 34 // 返回：A Journey Of A Thousand Miles Begins With Single Step.