JS Es6中判断b数组对象是否有跟a数组对象相同的数值(例如:id),有的话就过滤掉

文章介绍了在JavaScript中如何使用filter,some,includes,indexOf等方法对数组进行操作,特别是针对数组元素的过滤和查找。同时提到了ES6中的Set和Map数据结构,展示了如何利用它们进行元素检测和管理。文中提供了多个示例,包括使用Set的delete和has方法来过滤数组。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如下[数组]对象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() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

ES6SetMap

方法  描述
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"}]

感谢吖_7c06提供案例,如有错误地方可留言指正

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值