• 利用ES6中的Array.find/ Array.findIndex来判断数组中已存在某个对象


      前端开发过程中,我们会经常遇到这样的情景:比如选中某个指标obj,将其加入到数组checkedArr中({id: 1234, name: 'zzz', ...}),但是在将其选中之前要校验该指标是否已经被选择。

      以前的思路是:循环数组checkedArr,如果checkedArr[i].id===obj.id,则说明该指标已经在数组中了。

      在ES6中,数组得到扩展,新增了find和findIndex两个方法,可以用到这个情境中:

    •    find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined
    •   findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

      find方法:

    var objArr = [{id:1, name:'jiankian'}, {id:23, name:'anan'}, {id:188, name:'superme'}, {id:233, name:'jobs'}, {id:288, name:'bill', age:89}, {id:333}] ;
    var ret2 = objArr.find((v) => {
        return v.id == 233;
    });
    console.log(ret2);
    // return {id:233, name:'jobs'}
    // 当返回undefined时,则说明objArr中没有,可以添加

      findIndex方法:

    var objArr = [{id:1, name:'jiankian'}, {id:23, name:'anan'}, {id:188, name:'superme'}, {id:233, name:'jobs'}, {id:288, name:'bill', age:89}, {id:333}] ;
    var ret2 = objArr.findIndex((v) => {
        return v.id == 233;
    });
    console.log(ret2);
    // return 3
    // 当返回-1时,则说明objArr中没有,可以添加了
    
  • 相关阅读:
    非常简洁的js图片轮播
    js广告图片轮播
    图片轮播
    分享到QQ空间、新浪微博、腾讯微博和人人网
    五星简单操作
    Struts2 多文件上传
    CSS3实践之路(六):CSS3的过渡效果(transition)与动画(animation)
    JavaScript中的数据类型
    JavaScript中对象是否需要加引号?
    变量提升(hoisting)
  • 原文地址:https://www.cnblogs.com/zhengxj1991/p/8883040.html
Copyright © 2020-2023  润新知