JS中两个数组对象筛选方法

更新时间：2022年12月12日 09:53:11 作者：府谷市民小柴

这篇文章主要介绍了JS中两个数组对象筛选,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

JS中两个数组对象筛选

const arr1 = [
    {id: 1, name: 'aaa'},
    {id: 2, name: 'bbb'},
    {id: 3, name: 'ccc'},
    {id: 4, name: 'ddd'}
]
const arr2 = [
    {uid: 2, uname: 'eee'},
    {uid:4, uname: 'fff'}
]

两个数组对象通过某一字段比较返回数组1中符合条件的

/**
 * 两个数组对象通过某一字段比较返回数组1中符合条件的
 * @param arr1 数组1
 * @param arr2 数组2
 * @returns {*}
 */
function fun1(arr1, arr2) {
    return arr1.filter(v => arr2.some(val => val.uid === v.id))
}

console.log(fun1(arr1, arr2))

打印结果

两个数组对象通过某一字段比较返回数组1中剩余的

/**
 * 两个数组对象通过某一字段比较返回数组1中剩余的
 * @param arr1 数组1
 * @param arr2 数组2
 * @returns {*}
 */
function fun2(arr1, arr2) {
    return arr1.filter(v => arr2.every(val => val.uid !== v.id))
}

打印结果

到此这篇关于JS中两个数组对象筛选方法的文章就介绍到这了,更多相关JS数组对象筛选内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

轻松解决JavaScript定时器越走越快的问题
这篇文章主要介绍了轻松解决JavaScript定时器越走越快的问题 ,本文通过实例带给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-05-05
jsTree使用记录实例
本文通过实例给大家详细介绍了jstree的使用技巧，需要的朋友可以参考下本文
2016-12-12
详解ECMAScript typeof用法
typeof 返回变量的类型字符串值、其中包括 “object”、“number”、“string”、“undefined”、“boolean”。这篇文章重点给大家介绍ECMAScript typeof用法，需要的朋友参考下
2018-07-07
详解JS中的快速排序与冒泡
本文主要介绍了快速排序思想与冒泡排序思想。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
通过实例讲解JS如何防抖动
这篇文章主要介绍了通过实例讲解JS如何防抖动，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下
2019-06-06
微信小程序实现计算器(含历史记录)
这篇文章主要为大家详细介绍了微信小程序实现计算器，含历史记录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09
js DataSet数据源处理代码
js DataSet数据源处理代码，需要的朋友可以参考下。
2010-03-03
JavaScript实现倒计时代码段Item1（非常实用）
现今团购网、电商网、门户网等，常使用时间记录重要的时刻，如时间显示、倒计时差、限时抢购等，本文分析不同倒计时效果的计算思路及方法，掌握日期对象Date，获取时间的方法,计算时差的方法，实现不同的倒时计效果
2015-11-11
JavaScript 继承详解第一篇
几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。
2009-08-08
JSONP获取Twitter和Facebook文章数的具体步骤
这篇文章主要介绍了JSONP获取Twitter和Facebook文章数的方法,需要的朋友可以参考下
2014-02-02