首先我們來看數(shù)組(Array)中includes方法的使用
數(shù)組(Array)對象的現(xiàn)有方法之一是includes方法,用于檢查數(shù)組中的特定元素是否存在。
基本的語法如下。
數(shù)組.includes(元素)
includes方法僅返回true或false。
如果參數(shù)中指定的元素包含在數(shù)組中,則返回true;如果未包含,則返回false。
我們來看具體的示例
代碼如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var myarray = [1,2,3,4,5]; var res1 = myarray.includes(3); var res2 = myarray.includes(7); console.log(res1) console.log(res2) </script> </body> </html>
運行結果如下
在上面的代碼中,我們首先創(chuàng)建了數(shù)組myarray。
然后我們使用includes方法檢查myarray中是否存在名為“3”的元素;由于myarray中包含“3”,因此變量res1返回true。
接下來,我檢查了myarray中是否存在名為“7”的元素;由于myarray中不存在“7”,因此變量res2返回false。
另外,也可以指定開始搜索指定元素的位置。
示例如下
var myarray = [1,2,3,4,5]; var res1 = myarray.includes(3,1); var res2 = myarray.includes(1,2); console.log(res1) console.log(res2)
運行結果如下。
在上面的代碼中,也使用的是myarray數(shù)組。
在剛剛提到的示例代碼中,只有一個includes方法的參數(shù),但這次我們還使用第二個參數(shù)來指定從哪里開始搜索。
myarray.includes(3,1)是在myarray中搜索“3”,第二個元素是第一個。
“3”是第三個元素,所以即使你從第二個元素搜索,“3”也存在于myarray中。
接下來是先用第三個元素搜索“1”。
但是,“1”是myarray的第一個元素,因此如果僅從第三個搜索,則“1”將不存在。
這里要注意的是,元素是從0開始計數(shù)。
字符串(String)中如何使用includes方法
除了數(shù)組的include方法之外,還有字符串(String)也可以使用include方法,它用于檢查字符串中是否有特定的字符串。
基本語法如下。
字符串.includes(搜索特定字符串)
返回值也僅為true或false。
我們來看具體的示例
var mystr = "Hello, world!"; var res1 = mystr.includes("Hello"); var res2 = mystr.includes("nice"); console.log(res1) console.log(res2)
執(zhí)行結果如下
上面的代碼與數(shù)組(Array)中描述的include方法具有相同的功能。
由于字符串 Hello 存在于mystr字符串中,因此返回true。
但是,因為字符串nice在mystr中不存在,所以它返回為false。
此外,和數(shù)組一樣,您可以指定開始搜索指定元素的位置。
代碼如下
var mystr = "Hello, world!"; var res1 = mystr.includes("Hello", 1); var res2 = mystr.includes("ello", 1); console.log(res1) console.log(res2)
運行結果如下
在上面的代碼中,我們從第二個元素中查找字符串Hello。
這里使用的“元素”表示構成字符串的每個字符。
因此,從第一個開始搜索意味著在字母ello,world!中搜索首字母H。
ello,world!字符串中自然沒有Hello字符串。
因此,res1中返回false。
但是,有一個字符串ello,因此變量res2返回true。
使用字符串的includes方法時要注意的一點是include方法區(qū)分大小寫。
var mystr = "Hello, world!"; var res1 = mystr.includes("hello"); console.log(res1)
結果將為false,在上面的代碼中,搜索字符串hello,includes方法將Hello與hello區(qū)分開來,因此顯示為false。
在JavaScript中還有一種與includes方法用法類似的方法indexOf,關于indexOf方法的使用大家可以參考JavaScript中indexOf如何使用這篇文章。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com