Rumah > Artikel > hujung hadapan web > JavaScript的数组和字符串中includes方法的使用介绍
JavaScript的数组和字符串中includes方法的使用介绍
- 不言asal
- 2019-01-08 14:57:4933160semak imbas
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如何使用这篇文章。
Atas ialah kandungan terperinci JavaScript的数组和字符串中includes方法的使用介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!