美文网首页ES6
Es6之判断b数组对象有没有跟a数组对象相同的id,有的话就过滤

Es6之判断b数组对象有没有跟a数组对象相同的id,有的话就过滤

作者: 吖_7c06 | 来源:发表于2022-03-10 16:55 被阅读0次

    如下两个[数组]对象a和b

    
    let a=[{id:1,value:'this'},{id:2,value:'is'}]
    let b=[{id:1,value:'hello'},{id:3,value:'world'}]
    

    filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

    some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

    includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false.也可以匹配字符串。

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    ES6的Set 和 Map

    方法  描述
    add         添加某个值,返回Set对象本身。
    clear   删除所有的键/值对,没有返回值。
    delete  删除某个键,返回true。如果删除失败,返回false。
    forEach 对每个元素执行指定操作。
    has         返回一个布尔值,表示某个键是否在当前 Set 对象之中。
    

    方法1、使用filter() , some()

    let newList = b.filter(item => !a.some(x => x.id === item.id ))
    // newList: [{id:3,value:"world"}]
    

    方法2、使用filter(),includes()

    let s = a.map(x => x.id)
    let newList = b.filter(item => !s.includes(item.id))
    // newList: [{id:3,value:"world"}]
    

    方法3、使用filter(), indexOf()

    let s = a.map(x => x.id)
    let newList = b.filter(item => s.indexOf(item.id) === -1)
    // newList: [{id:3,value:"world"}]
    

    方法4、使用filter(), Set(),map()

    const s = new Set(a.map(x => x.id))
    const newList1 = b.filter(x => !s.delete(x.id))
    const newList2 = a.filter(x => s.has(x.id))
    // newList1: [{id:3,value:"world"}]
    // newList2: [{id:2,value:"is"}]
    

    相关文章

      网友评论

        本文标题:Es6之判断b数组对象有没有跟a数组对象相同的id,有的话就过滤

        本文链接:https://www.haomeiwen.com/subject/uizfdrtx.html