js判断数组中是否包含某个值的4种方法总结

 更新时间:2023年11月11日 09:30:50   作者:Aries-s  
这篇文章主要给大家总结介绍了关于js判断数组中是否包含某个值的4种方法,数组是我们编程中经常使用的的数据结构之一,在处理数组时我们经常需要在数组中查找特定的值,JavaScript 包含一些内置方法来检查数组是否有特定的值或对象,需要的朋友可以参考下

前言

在前端js中,经常遇到需要判断数据中是否包含某个值,下面介绍四种方法来讲解怎么判断数组中是否包含某个值。分别是 array.indexOf,array.includes,array.find,array.findeIndex

有下面几种方法可以实现:

方法一:array.indexOf

判断数组中是否存在某个值,如果存在,则返回数组元素的下标,否则返回-1。

let arr=[1,2,3,4];
let index=arr.indexOf(3);
console.log(index);

Arrya.indexOf() 方法

在需要查找的元素的确切位置的情况下,可以使用indexOf(elem)方法,该方法在指定的数组中查找elem并返回其第一次出现的索引,如果数组不包含elem则返回-1

例如,我们可以在包含 grade 的数组中查找第一次出现的 grade:

let grades = ["B", "D", "C", "A"]

grades.indexOf("A") // 3
grades.indexOf("F") // -1复制

在第一个实例中,元素出现,并返回其位置,在第二个实例中,返回值表示元素不存在。

我们可以使用它来轻松地改变代码流

let grades = ["B", "D", "C", "A"]

if (grades.indexOf("F") >= 0) {
    console.log("元素存在");
} else {
    console.log("元素不存在");
}

方法二:array.includes(searcElement[,fromIndex])

此方法判断数组中是否存在某个值,如果存在返回true,否则返回false

let arr=[1,2,3,4];
if(arr.includes(3))
    console.log("存在");
else
    console.log("不存在");

方法三:array.find(callback[,thisArg])

返回数组中满足条件的第一个元素的值,如果没有,返回undefined

let arr=[1,2,3,4];
let result = arr.find(item =>{return item > 3});
console.log(result);

方法四:array.findeIndex(callback[,thisArg])

返回数组中满足条件的第一个元素的下标,如果没有找到,返回-1

let arr=[1,2,3,4];
let result = arr.findIndex(item =>{return item > 3});
console.log(result)

总结 

到此这篇关于js判断数组中是否包含某个值的4种方法总结的文章就介绍到这了,更多相关js判断数组包含某个值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序商城分类滚动列表锚点的项目实践

    微信小程序商城分类滚动列表锚点的项目实践

    本文主要介绍了微信小程序商城分类滚动列表锚点的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • d3.js入门教程之数据绑定详解

    d3.js入门教程之数据绑定详解

    这篇文章主要介绍了关于d3.js数据绑定的相关资料,文中通过示例代码介绍的非常详细,对大家学习只d3.js具有一定的参考价值,需要的朋友下面来一起看看吧。
    2017-04-04
  • JavaScript实现的级联算法示例【省市二级联动功能】

    JavaScript实现的级联算法示例【省市二级联动功能】

    这篇文章主要介绍了JavaScript实现的级联算法,结合省市二级联动下拉菜单功能实例分析了javascript事件响应与元素动态操作实现级联算法的相关技巧,需要的朋友可以参考下
    2018-12-12
  • JavaScript框架是什么?怎样才能叫做框架?

    JavaScript框架是什么?怎样才能叫做框架?

    这篇文章主要介绍了JavaScript框架是什么?怎样才能叫做框架?,本文讲解了什么是 JavaScript 框架、JavaScript 框架的典型特性等内容,需要的朋友可以参考下
    2015-07-07
  • javascript精确统计网站访问量实例代码

    javascript精确统计网站访问量实例代码

    网站一般都有访问量统计工具,比较高效实用的工具多种多样,这篇文章主要介绍了javascript精确统计网站访问量实例代码,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 原生js实现拼图效果

    原生js实现拼图效果

    这篇文章主要为大家详细介绍了原生js实现拼图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 使用Bootstrap框架制作查询页面的界面实例代码

    使用Bootstrap框架制作查询页面的界面实例代码

    这篇文章主要介绍了使用Bootstrap框架制作查询页面界面的效果,本文以职业技能考证分数查询界面为例,通过实例代码给大家详细介绍,需要的朋友可以参考下
    2016-05-05
  • JS简单实现点击跳转登陆邮箱功能的方法

    JS简单实现点击跳转登陆邮箱功能的方法

    这篇文章主要介绍了JS简单实现点击跳转登陆邮箱功能的方法,涉及js针对hash表的遍历与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2017-10-10
  • JS实现距离上次刷新已过多少秒示例

    JS实现距离上次刷新已过多少秒示例

    这篇文章主要介绍了JS如何实现距离上次刷新已过多少秒,需要的朋友可以参考下
    2014-05-05
  • javascript控制层显示或隐藏的方法

    javascript控制层显示或隐藏的方法

    这篇文章主要介绍了javascript控制层显示或隐藏的方法,涉及javascript操作页面元素样式的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-07-07

最新评论