• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

es6怎么判断是否在数组里

武飞扬头像
PHP中文网
帮助275

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

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

方法1:使用includes()方法

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

array.includes(searchElement, fromIndex);
  • searchElement:要查找的元素;

  • fromIndex:开始查找的索引位置。

示例:

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

学新通技术网

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

方法2:使用find()方法

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

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

  • 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。

  • 如果没有符合条件的元素返回 undefined

示例:

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

学新通技术网

方法3:使用some()方法

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

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

学新通技术网

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

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

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

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

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

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

array.indexOf(item,start)
  • item 必须。查找的元素。

  • start 可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

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

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

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

学新通技术网

修改一下需要查找的值:

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

学新通技术网

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 " 在数组中");
}

学新通技术网

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfkahh
系列文章
更多 icon
同类精品
更多 icon
继续加载