您好,登錄后才能下訂單哦!
小編給大家分享一下如何使用JavaScript數組和字符串中includes方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
includes方法是用于檢查特定元素是包含在數組還是字符串中的方法,它主要用于確認數組或字符串中元素的存在,本篇文章我們就來看看includes方法的使用。
首先我們來看數組(Array)中includes方法的使用
數組(Array)對象的現有方法之一是includes方法,用于檢查數組中的特定元素是否存在。
基本的語法如下。
數組.includes(元素)
includes方法僅返回true或false。
如果參數中指定的元素包含在數組中,則返回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>
運行結果如下
在上面的代碼中,我們首先創建了數組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數組。
在剛剛提到的示例代碼中,只有一個includes方法的參數,但這次我們還使用第二個參數來指定從哪里開始搜索。
myarray.includes(3,1)是在myarray中搜索“3”,第二個元素是第一個。
“3”是第三個元素,所以即使你從第二個元素搜索,“3”也存在于myarray中。
接下來是先用第三個元素搜索“1”。
但是,“1”是myarray的第一個元素,因此如果僅從第三個搜索,則“1”將不存在。
這里要注意的是,元素是從0開始計數。
字符串(String)中如何使用includes方法
除了數組的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)
執行結果如下
上面的代碼與數組(Array)中描述的include方法具有相同的功能。
由于字符串 Hello 存在于mystr字符串中,因此返回true。
但是,因為字符串nice在mystr中不存在,所以它返回為false。
此外,和數組一樣,您可以指定開始搜索指定元素的位置。
代碼如下
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方法區分大小寫。
var mystr = "Hello, world!"; var res1 = mystr.includes("hello"); console.log(res1)
結果將為false,在上面的代碼中,搜索字符串hello,includes方法將Hello與hello區分開來,因此顯示為false。
以上是如何使用JavaScript數組和字符串中includes方法的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。