Js判断数组中是否存在某个元素「建议收藏」

Js判断数组中是否存在某个元素「建议收藏」方法一:indexOf(item,start);Item:要查找的值;start:可选的整数参数,缺省则从起始位子开始查找。indexOf();返回元素在数组中的位置,如果没有则返回-1;例子:vararr=[‘aaa’,’bbb’,’ccc’,’ddd’,’eee’];  vara=arr.indexOf(‘ddd’);  console.log(a);  //3  varb=arr.indexOf(‘d’);  console.log(b);  //-1  我通常的用法:if(

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

方法一:indexOf(item,start);

Item:要查找的值;start:可选的整数参数,缺省则从起始位子开始查找。
indexOf();返回元素在数组中的位置,如果没有则返回-1;

例子:var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.indexOf('ddd');
  console.log(a);   //3
  var b=arr.indexOf('d');
  console.log(b);  //-1
  我通常的用法:if(arr.indexOf(要查找的元素)>-1){ 
   元素存在的操作};
  indexOf()无法查找NaN

方法二:arr.find();

Arr.find()的参数是一个回调函数,数组所有元素会遍历这个回调函数,直到找到第一个返回值为true的元素,然后返回该元素否则返回undefined;

var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.find(function(value,index,arr){ 
   
    return value=='bbb';
  })
  console.log(a);  //bbb,这里返回的不是true,而是返回值为true的这个元素;
  我通常的用法:
  arr.find(function(value){ 
   
    If(value==要查找的值){ 
   
      //所做的操作
    }
  })

方法三:array.findIndex();

findIndex()和find()的用法相似,find()返回的是元素,findIndex返回的是元素的位置。findIndex();返回第一个符合条件的数组元素的位置,如果所有元素都不符合条件则返回-1;findIndex(),数组中的每一个元素都会调用一次函数,但是当条件返回true时,findIndex()返回符合条件的元素的位置,之后的值不会再调用执行函数。

 var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.find(function(value,index,arr){ 
   
    return value=='bbb';
  })
  console.log(a);//1,后面的值不会再调用函数。
  说明:findIndex()和find()可以用来查找NaN;
  var arr=['1','2','3',NaN];
  var a=arr.find(function(value){ 
   
    return isNaN(value);
  })
  console.log(a);       //NaN

方法四:for()或forEach()

循环遍历,然后用if判断

方法五:使用jquery的inArray方法

该方法返回元素在数组中的下标,如果不存在与数组中,那么返回-1;

 var arr=['aaa','bbb','ccc','ddd','eee'];
  var a= $.inArray('bbb',arr);
  console.log(a);    //1

转至博客:https://www.cnblogs.com/minxl/p/10115040.html

这里是一个真诚的***青年技术交流QQ群:761374713***,不管你是大学生、社畜、想学习变成的其他人员,欢迎大家加入我们,一起成长,一起进步,真诚的欢迎你,不管是技术,还是人生,还是学习方法。有道无术,术亦可求,有术无道,止于术。在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180293.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月19日 下午1:16
下一篇 2022年10月19日 下午1:36


相关推荐

  • MultipartFile的transferTo方法

    MultipartFile的transferTo方法RequiresPerm admin user import RequiresPerm menu 用户管理 会员管理 button 导入 PostMapping import publicObject RequestParam file MultipartFil throwsIOExce 先判断是否为空 if file isEmpty

    2026年3月18日
    2
  • 2022年idea激活码[最新免费获取]

    (2022年idea激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月22日
    192
  • CSS中的媒体类型media type[通俗易懂]

    CSS中的媒体类型media type[通俗易懂]madiatype作用首先要明白一点,我们平时写的HTML页面,可能在不同的媒体类型中显示,如可能显示在屏幕sreen上,也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时,需要的样式可能是不一样的。比如,一般在screen上显示时,页面字体要大一些,在纸质媒体显示时,页面字体要小一些。那么如何告诉别人某个样式是适用于何种媒体类型的呢?这就要靠声明mediatype来实现了。

    2022年5月25日
    94
  • [ Laravel 5.6 文档 ] 安全系列 —— 重置密码

    [ Laravel 5.6 文档 ] 安全系列 —— 重置密码

    2021年10月24日
    37
  • 预测市场OpenClaw 实操手册上篇:监控分析和风险管控

    预测市场OpenClaw 实操手册上篇:监控分析和风险管控

    2026年3月13日
    2
  • Java抽象类 详解

    Java抽象类 详解一 抽象类的基本概念普通类是一个完善的功能类 可以直接产生实例化对象 并且在普通类中可以包含有构造方法 普通方法 static 方法 常量和变量等内容 而抽象类是指在普通类的结构里面增加抽象方法的组成部分 那么什么叫抽象方法呢 在所有的普通方法上面都会有一个 这个表示方法体 有方法体的方法一定可以被对象直接使用 而抽象方法 是指没有方法体的方法 同时抽象方法还必须使用关键字 abstract 做修

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号