JS如何利用正則配合replace替換指定字符

這篇文章主要講解了“JS如何利用正則配合replace替換指定字符”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JS如何利用正則配合replace替換指定字符”吧！

定義和用法

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

語法

stringObject.replace(regexp,replacement)

參數(shù)　　描述
regexp　必需。規(guī)定了要替換的模式的 RegExp 對象。請注意，如果該值是一個字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉(zhuǎn)換為 RegExp 對象。
replacement　必需。一個字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。

返回值

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

說明

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

replacement 可以是字符串，也可以是函數(shù)。如果它是字符串，那么沒有匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示，它說明從模式匹配得到的字符串將用于替換。
字符　　替換文本
$1、$2、...、$99　　與 regexp 中的第 1 到第 99 個子表達式相匹配的文本。
$&　與 regexp 相匹配的子串。
$`　位于匹配子串左側(cè)的文本。
$'　位于匹配子串右側(cè)的文本。
%　直接量符號。

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

實例

例子 1

在本例中，我們將使用 "W3School" 替換字符串中的 "Microsoft"：

復(fù)制代碼 代碼如下:

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

</script>

輸出：

Visit W3School!

例子 2

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

復(fù)制代碼 代碼如下:

<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, "W3School"))

</script>

輸出：

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

例子 3

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

復(fù)制代碼 代碼如下:

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

例子 4

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

復(fù)制代碼 代碼如下:

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

例子 5

在本例中，我們將把所有的花引號替換為直引號：

復(fù)制代碼 代碼如下:

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

例子 6

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

復(fù)制代碼 代碼如下:

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

例子 7

復(fù)制代碼 代碼如下:

var str="fsaf$a$assdfdasfa$a$dsfadsf";
var strr='\$'+'a'+'\$';
var name = '"a", "b"';
var reger=new RegExp("[\$]a[\$]","gm");

alert(str.replace(reger,'555888'));

PS：這里再為大家提供一款功能強大的在線正則工具供大家使用：

JavaScript正則表達式在線測試工具：

http://tools.jb51.net/regex/javascript

正則表達式在線生成工具：

http://tools.jb51.net/regex/create_reg

感謝各位的閱讀，以上就是“JS如何利用正則配合replace替換指定字符”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JS如何利用正則配合replace替換指定字符這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！