首頁 > web前端 > js教程 > JavaScript的陣列和字串中includes方法的使用介紹

JavaScript的陣列和字串中includes方法的使用介紹

不言
發布: 2019-01-08 14:57:49
原創
33228 人瀏覽過

includes方法是用來檢查特定元素是包含在陣列或字串中的方法,它主要用來確認陣列或字串中元素的存在,本篇文章我們就來看看includes方法的使用。

JavaScript的陣列和字串中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>
登入後複製

運行結果如下

JavaScript的陣列和字串中includes方法的使用介紹

在上面的程式碼中,我們首先建立了數組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)
登入後複製

運行結果如下。

JavaScript的陣列和字串中includes方法的使用介紹

在上面的程式碼中,也使用的是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)
登入後複製

執行結果如下

JavaScript的陣列和字串中includes方法的使用介紹

上面的程式碼與陣列(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)
登入後複製

運行結果如下

JavaScript的陣列和字串中includes方法的使用介紹

#在上面的程式碼中,我們從第二個元素中尋找字串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中文網其他相關文章!

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