js数组对象的includes方法使用

 更新时间:2024年07月26日 09:04:29   作者:我的天呐!!!  
这篇文章主要介绍了js数组对象的includes方法使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

js数组对象的includes方法

判断数组中是否有某个元素, 有就返回true, 没有就返回false

let arr= [10,20,30,40];
        console.log(arr.includes(10));//true
        console.log(arr.includes(100));//false

只能判断简单类型的数据,对于复杂类型的数据,比如对象类型的数组,二维数组,这些是无法判断的

includes与indexOf的区别

includes()返回的是布尔值,能直接判断数组中存不存在这个值,而indexOf()返回的是索引

假如你只想知道某个值是否在数组中而并不关心它的索引位置,建议使用includes()。

如果你想获取一个值在数组中的位置,那么你只能使用indexOf方法

关于数组API includes的注意事项

includes 可以用来判断 数组里面是否包含哪个值,(或者字符串里面是否包含某个字符串);

但是注意

对于数组里面包含的是对象(类似以下这种格式的),includes  是不能判断的,加入你用它来进行判断  那么它每次都只会返回给你一个  false;

按我个人理解

includes 判断的是完全相等(也就是  === )然而由于  对象 是一个复杂数据类型

所以每一个对象都不可能完全相等的(对象与对象之间顶多也就是  ==)

所以这个时候使用  incluedes 它每次据只会给你返回  false

[
    {
        time: 12345,
        page: 2
    },
    {
        time: 12345,
        page: 2
    }
]

当然:

如果你想要使用判断像上面数组是否包含某个对象(或者对象里面某个value值)

你完全可以使用  findIndex  或者 find  等API

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript检测上传文件大小的方法

    JavaScript检测上传文件大小的方法

    这篇文章主要介绍了JavaScript检测上传文件大小的方法,涉及javascript针对上传文件的相关判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 原生JS生成指定位数的验证码

    原生JS生成指定位数的验证码

    这篇文章主要为大家详细介绍了原生JS生成指定位数的验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • js 刷新页面的代码小结 推荐

    js 刷新页面的代码小结 推荐

    这里介绍的是网上比较流行的刷新页面的代码,整理的相对比较全了,这些知识都是前后台结合过程中,经常用的到的。
    2010-04-04
  • 原生js实现2048小游戏

    原生js实现2048小游戏

    这篇文章主要为大家详细介绍了原生js实现2048小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 关于ligerui子页面关闭后,父页面刷新,重新加载的方法

    关于ligerui子页面关闭后,父页面刷新,重新加载的方法

    今天小编就为大家分享一篇关于ligerui子页面关闭后,父页面刷新,重新加载的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Three.js+React使二维图片呈现3D效果

    Three.js+React使二维图片呈现3D效果

    这篇文章主要为大家介绍了如何利用Three.js+React技术栈,将二维漫画图片转化为三维视觉效果。文中的实现方法讲解详细,需要的可以参考一下
    2022-02-02
  • 微信小程序页面间传值与页面取值操作实例分析

    微信小程序页面间传值与页面取值操作实例分析

    这篇文章主要介绍了微信小程序页面间传值与页面取值操作,结合实例形式分析了微信小程序页面间传值及页面取值操作相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-04-04
  • 轻松学习Javascript闭包

    轻松学习Javascript闭包

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。这篇文章主要介绍了Javascript闭包,需要的朋友可以参考下
    2017-03-03
  • js 动态为textbox添加下拉框数据源的方法

    js 动态为textbox添加下拉框数据源的方法

    这篇文章主要介绍了js 动态为textbox添加下拉框数据源的方法,需要的朋友可以参考下
    2014-04-04
  • javaScript中FormData使用方法示例

    javaScript中FormData使用方法示例

    这篇文章主要为大家介绍了javaScript中FormData使用方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09

最新评论