当前位置：首页 > news >正文

JS Es6中判断b数组对象是否有跟a数组对象相同的数值（例如：id），有的话就过滤掉

news 2025/7/5 13:04:45

如下[数组]对象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"}]