es6如何判断是否在数组里

发布时间:2023-02-01 11:09:51 作者:iii
来源:亿速云 阅读:202

这篇文章主要介绍“es6如何判断是否在数组里”,在日常操作中,相信很多人在es6如何判断是否在数组里问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6如何判断是否在数组里”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

判断方法:1、使用includes()函数,可判断数组是否包含一个指定的值,语法“arr.includes(值)”,如果返回true则存在;2、使用find()函数,可查找符合添加的第一个元素,语法“arr.find(function(v){if(v==值{...}})”;3、使用some()函数,语法“arr.some(i=>i===值)”,如果返回true则存在。

es6判断指定值是否在数组里的方法

在es6中,可以利用includes()、find()、some()方法来判断元素是否在数组中。

方法1:使用includes()方法

includes() 方法用来判断一个数组是否包含一个指定的值,返回 true或 false。语法:

array.includes(searchElement, fromIndex);

示例:

arr = [1,2,3,4,5]
console.log(arr.includes(5));

es6如何判断是否在数组里

可以看到,返回值为true,则表示元素5在数组中。

方法2:使用find()方法

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

示例:

var arr = [1,2,3,4,5]
arr.find(function(value){
	if(value==5){
		console.log("指定元素在数组中");
	}
})

es6如何判断是否在数组里

方法3:使用some()方法

some() 方法用来检测数组中是否存在符合指定条件的元素,存在就返回 true,不存在就返回 false。

arr = [1,2,3,4,5];
let istrue= arr.some(item => item === 45);
console.log(istrue);

es6如何判断是否在数组里

可以看到,返回值为false,则表示元素不在数组中。

扩展知识:es5判断指定值是否在数组里的方法

在es5中,可以利用indexOf()和lastIndexOf()函数来判断元素是否在数组中。

indexOf() 和 lastIndexOf() 方法可以检索数组元素,返回指定元素的索引位置;如果指定元素不存在,则返回“-1”。

1、使用 indexOf() 在数组中查找元素

indexOf() 返回某个元素值在数组中的第 1 个匹配项的索引,如果没有找到指定的值,则返回 -1。用法如下:

array.indexOf(item,start)

indexOf() 方法是按升序索引执行搜索,即从左到右进行检索。检索时,会让数组元素与 searchElement参数值进行全等比较===。

示例:查找元素是否在数组中

var arr = ["ab","cd","ef","ab","cd"];
var str="cd";
if(arr.indexOf(str)===-1){
	console.log("指定元素:"+str+" 不在数组中");
}else{
	console.log("指定元素: "+str+" 在数组中");
}

es6如何判断是否在数组里

修改一下需要查找的值:

var str="gh";
if(arr.indexOf(str)===-1){
	console.log("指定元素:"+str+" 不在数组中");
}else{
	console.log("指定元素: "+str+" 在数组中");
}

es6如何判断是否在数组里

2、使用 lastIndexOf() 在数组中查找元素

indexOf() 返回某个元素值在数组中的最后 1 个匹配项的索引,如果没有找到指定的值,则返回 -1。其用法与 indexOf() 相同。

示例:查找元素是否在数组中

var arr = ["ab","cd","ef","ab","cd"];
var str="gx";
if(arr.lastIndexOf(str)===-1){
	console.log("指定元素:"+str+" 不在数组中");
}else{
	console.log("指定元素: "+str+" 在数组中");
}

es6如何判断是否在数组里

到此,关于“es6如何判断是否在数组里”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. ES6对象属性怎么优化
  2. ES6与canvas如何实现鼠标小球跟随效果

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

es6

上一篇:linux如何安装php7.2

下一篇:ie6能兼容es6吗

相关阅读

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

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