javascript的replace()函式用法詳解

antzone發表於2017-03-17
JavaScript函式

顧名思義，此函式也可以用來進行字串替換操作，它屬於string物件的一個函式，下面通過例項程式碼簡單介紹一下它的用法，希望能夠給初學者或者初次接觸此函式的朋友帶來一定的幫助。

一.基礎知識:

replace()函式可以用指定的字串替換查詢到的字串。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
stringObj.replace(searchString, replaceText)

引數說明:

1.stringObj:字串物件。

2.searchString:可以是字串也可以是正規表示式，用來在stringObj中查詢指定字串。

3.replaceText:用來進行替換的字串。

二.程式碼例項:

例項一:

[JavaScript] 純文字檢視 複製程式碼
var str="螞蟻部落歡迎您，希望大家能夠在螞蟻部落得到想要的知識";
console.log(str.replace("螞蟻部落","中國"));

以上程式碼可以將字串中的第一個"螞蟻部落"替換為"中國"，在實際應用中，這可能不是我們想要的，往往需要將所有的內容都替換為指定的字串，這個時候正規表示式就要派上用場了，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var str="螞蟻部落歡迎您，希望大家能夠在螞蟻部落得到想要的知識";
console.log(str.replace(/螞蟻部落/g,"中國"));

以上程式碼實現了我們的要求，可以將字串中的所有指定字元進行替換。

例項二:

在以上基礎上再進行一下加深，大家一定對關鍵詞高亮效果不陌生，看下面的程式碼：

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">    
var str="螞蟻部落歡迎您，希望大家能夠在螞蟻部落得到想要的知識";    
var lightHigh=str.replace(/(螞蟻部落)/g,"<font color=red>$1</font>");    
document.write(lightHigh);
</script> 
</head> 
<body>
</body> 
</html>

將指定的關鍵字以高亮效果呈現，這裡的難點可能在於正規表示式。

相關閱讀:

1.replace()函式字串中的用法可以參閱javascript replace()一章節。 

2.replace()和正規表示式相關可以參閱正規表示式replace()函式一章節。 

相關文章