温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用JavaScript数组和字符串中includes方法

发布时间:2020-11-10 11:11:18 来源:亿速云 阅读:196 作者:小新 栏目:web开发

小编给大家分享一下如何使用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>

运行结果如下

如何使用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方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI