JavaScript的陣列和字串中includes方法的使用介紹
- 不言原創
- 2019-01-08 14:57:4933077瀏覽
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方法用法類似的方法indexOf，關於indexOf方法的使用大家可以參考JavaScript中indexOf如何使用這篇文章。
以上是JavaScript的陣列和字串中includes方法的使用介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！