使用js的replace()方法查找字符示例代碼

2019-11-20 21:50:04

字體：大中小

供稿：網(wǎng)友

通常用于文本輸入框的一種功能是替換指定的字符。JavaScript具有一個非常有用的方法replace()，可以用它利用備選字符集途歡指定的字符。

replace()方法允許指定希望替換的字符或字符集，方式是利用字符串或者正則表達式；這是該方法的第一個實參。第二個實參是謝昂替換為的字符。第二個實參通常只是一個替換字符串（替換字符集），但他可以是用于確定替換字符串應(yīng)當是什么的函數(shù)――如果是函數(shù)，則返回值應(yīng)當用做俄日替換字符串。隱藏replace()方法的語法可以是如下任意一種：

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

 
string.replace(oldSubString,newSubString); 
string.replace(regEx,newSubString); 
string.replace(regEx,finction()); 

下面的簡單示例對一個文本區(qū)域使用replace()方法，并且查找文本框中是否有字符串“URL”。找到字符串“URL”之后，該方法將其替換為字符串“ABC”。下面是該示例：

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

 
<html> 
<head><title>The replace() method</title></head> 
<body> 
<p>Replacing character strings:</p> 
<form name="myForm"> 
<textarea name="myTextArea" id="myTextArea" cols="40" rows="10">I am interested in Curl, here is a url for it.</textarea><br /><br /> 
<input type="button" value="Replace characters URL" onclick="document.myForm.myTextArea.value =document.myForm.myTextArea.value.replace(//burl/b/gi, 'abc');"> 
</form> 
</body> 
</html> 

在字符串”URL“的兩邊都添加一個”/b“以指示單詞的界限――表明希望查找的是整個單詞――因為僅當字符串”URL“是獨立的單詞時才會被替換（不能只檢查字符串”URL”兩邊是否存在空格，因為在其周圍可能存在標點符號）；

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

 
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(//burl/b/gi,'abc');" 

字符串“URL”周圍的正斜杠表明函授查找的是該字符串的匹配。第二個正斜杠后面的“g”（稱為標志）表明文檔正在真?zhèn)€文本區(qū)域中查找全局匹配（如果沒有g(shù)標志，則只替換字符串中的第一個匹配），i標志表明它應(yīng)當是一個不區(qū)分大小寫的匹配（因此字符串“URL”也會被替換，或者實際上這些字符的大寫、小寫的任何混合形式都會被替換）。

也可以使用“|”符號匹配多個字符串；下面的示例查找link、url或homepage的匹配：

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

/link| url| homepage/

上一篇：js如何判斷不同系統(tǒng)的瀏覽器類型

下一篇：js中的replace方法使用介紹