點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

JavaScript的數組和字符串中includes方法的使用介紹

來源：懂視網責編：小采時間：2020-11-27 19:28:18

JavaScript的數組和字符串中includes方法的使用介紹

JavaScript的數組和字符串中includes方法的使用介紹:includes方法是用于檢查特定元素是包含在數組還是字符串中的方法，它主要用于確認數組或字符串中元素的存在，本篇文章我們就來看看includes方法的使用。首先我們來看數組（Array）中includes方法的使用數組（Array）對象的現有方法之一是includes方法

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript的數組和字符串中includes方法的使用介紹:includes方法是用于檢查特定元素是包含在數組還是字符串中的方法，它主要用于確認數組或字符串中元素的存在，本篇文章我們就來看看includes方法的使用。首先我們來看數組（Array）中includes方法的使用數組（Array）對象的現有方法之一是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)

運行結果如下。

微信截圖_20190108142808.png

在上面的代碼中，也使用的是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)

運行結果如下

微信截圖_20190108144035.png

在上面的代碼中，我們從第二個元素中查找字符串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如何使用這篇文章。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript的數組和字符串中includes方法的使用介紹

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法用法 js

熱門焦點

JavaScript的數組和字符串中includes方法的使用介紹

JavaScript的數組和字符串中includes方法的使用介紹

JavaScript的數組和字符串中includes方法的使用介紹

最新推薦

猜你喜歡

熱門推薦