首頁 > web前端 > js教程 > js如何找出字串中指定的子字串

js如何找出字串中指定的子字串

青灯夜游
發布: 2021-04-21 14:58:44
原創
12579 人瀏覽過

js尋找字串中指定的子字串的方法:1、透過使用JavaScript String物件裡的search方法來尋找;2、透過match方法來搜尋查找字串中指定的子字串。

js如何找出字串中指定的子字串

本文操作環境:Windows7系統、javascript1.8.5版、Dell G3電腦。

在js中,透過使用JavaScript String 物件裡的search()方法和match()方法來搜尋(尋找)字串中指定的子字串。

使用search()方法

字串的search()方法是用來在指定字串中尋找指定的子字串,或與正規表示式相符的子字串。如果有匹配的子字串,則傳回符合子字串的起始位置;如果沒有匹配的子字串,則傳回 -1。

語法:

string.search(regexp)
登入後複製

參數regexp:表示需要尋找的指定子字串,或需要符合的正規表示式。

說明:search()方法區分大小寫,如果想要忽略大小寫的查找,需要追加標誌 i。

範例:

<div class="demo">
	<p>
		<span id="str1"></span><br />
		<span>查找:脚本语言</span><br />
		<span id="str2"></span>
	</p>
	<p>
		<span id="str3"></span><br />
		<span>查找:php</span><br />
		<span id="str4"></span><br />
		<span>查找:脚本语言</span><br />
		<span id="str5"></span>
	</p>
	
</div>
<script>  
var str1="JavaScript是一种脚本语言, 脚本语言经常被解析";  
var str2=str1.search("脚本语言");  

var str3="php中文网的网址为:www.php.cn!";  
var str4=str3.search("php");  
var str5=str3.search("脚本语言");  

document.getElementById("str1").innerHTML =str1;
document.getElementById("str2").innerHTML ="返回:"+str2;
document.getElementById("str3").innerHTML =str3;
document.getElementById("str4").innerHTML ="返回:"+str4;
document.getElementById("str5").innerHTML ="返回:"+str5;
</script>
登入後複製

效果圖:

js如何找出字串中指定的子字串

#使用match()方法

match()方法是用於在字串內檢索指定的值,或找到一個或多個正規表示式的符合的子字串。

語法:

string.match(searchvalue)
string.match(regexp)
登入後複製

searchvalue:必要項,表示要尋找的字串值。   

regexp:必要項,表示要尋找符合的模式的 RegExp 物件。

說明:

在查找完後,match() 方法會傳回一個存放符合結果的陣列;陣列裡的內容會受regexp後是否有全域標誌 g的影響。

如果在regexp後面新增全域標誌 g,則match() 方法將執行全域檢索,找到 string中的所有符合子字串。若一直沒有,就回傳null;若找到了一個或多個符合子字串,則傳回一個陣列。

 如果沒有添加g,則match() 方法只會執行一次匹配,找到最近的一個匹配子串就停止匹配,返回一個帶有匹配子串相關資訊的數組;如果您一直沒找到,就回傳null。

簡單範例:

<div class="demo">
	<p>
		<span id="str1"></span><br />
		<span>查找:php</span><br />
		<span id="str2"></span><br />
		<span>查找:php(添加g)</span><br />
		<span id="str3"></span><br />
		<span>查找:PHP(区分大小写)</span><br />
		<span id="str4"></span><br />
	</p>
	
</div>
<script>  

var str1="php中文网的网址为:www.php.cn!";  
var str2=str1.match("php"); 
var str3=str1.search(/php/g);  
var str4=str1.search("PHP");  


document.getElementById("str1").innerHTML =str1;
document.getElementById("str2").innerHTML ="返回:"+str2;
document.getElementById("str3").innerHTML ="返回:"+str3;
document.getElementById("str4").innerHTML ="返回:"+str4;

</script>
登入後複製

效果圖:

js如何找出字串中指定的子字串

#總結:以上就是這篇文章文的全部內容,希望能對大家的學習有所幫助。

以上是js如何找出字串中指定的子字串的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板