zoukankan      html  css  js  c++  java
  • js判断对象数组中是否存在某个对象

    1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1

    1. var arr=[1,2,3,4]
    2. arr.indexOf(3) // 2
    3. arr.indexOf(5) // -1

    2. 要只是判断的话是可以遍历后判断对象的属性是否相同的,像这种:

    1. arr.forEach(item=>{
    2. if(item.name=='Alex'){
    3. alert('存在这个元素');
    4. }
    5. })

    3. 但实际中往往是需要动态添加或删除对象或元素的,用这个方法的话不好操作,可能会添加或删除掉多个,可以是用string的indexOf方法来判断

    1. const option = {name:'111'}
    2. // 如果数组里面本身不存在这个对象则把这个加进去
    3. if(JSON.stringify(arr).indexOf(JSON.stringify(option))==-1){
    4. arr.push(option); // 进行动态的操作
    5. }

     这个判断是可以,但存在一个问题需要注意一下,如果对象的顺序不一样,是不能检测到重复的

    例如arr = [{name:'张三', sex:'男'}]

    option = {sex:'男', name:'张三'}

    利用上述方法检测的话,实际上该数组是存在这个数组对象的,但如果用string的indexOf方法是不能检测对的,用这个方法的时候这个点需要注意

    4. 还有一个常用方法是设一个flag来做判断的标识

    1. let flag = true;
    2. let msg = '';
    3. let arr = []
    4. if(arr.length<6){
    5. arr.forEach(item=>{
    6. if(data.id===item.id){ // 对象里的唯一标识id
    7. msg = '请勿重复添加!'
    8. flag = false;
    9. }
    10. })
    11. }else{
    12. msg = '最多添加6个!'
    13. flag = false;
    14. }
    15. if(flag){ // 如果满足条件-数组长度小于6,当前添加的值在数组里不存在,就把值添加进去
    16. arr.push(data)
    17. }else{ // 否则弹出提示信息
    18. alert(msg)
    19. }

     5. 利用数组API some来判断

    1. var result = arr.some(item=>{
    2. if(item.name=='张三'){
    3. return true
    4. }
    5. })
    6. console.log(result) // 如果arr数组对象中含有name:'张三',就会返回true,否则返回false
      if(result){ // 如果存在
      // do something
      }
  • 相关阅读:
    学习摘录2
    实用的html代码
    使用jdom创建xml
    常用eclipse插件地址
    java连接各种数据库 代码
    spring mvc框架 web.xml配置文件 Could not open ServletContext resource [/WEBINF/classes/springservlet.xml] 错误
    第一次添加随笔,哈哈
    WordPress Live Chat – WordPress即时聊天插件
    70个非常酷和时尚的iOS应用程序图标
    20个强大的jQuery翻书插件【 jQuery flipbook】
  • 原文地址:https://www.cnblogs.com/zzsdream/p/11592309.html
Copyright © 2011-2022 走看看