js之如何筛选出两个数组相同的值
更新时间：2023年06月29日 09:47:29 作者：前端代码の搬运工
这篇文章主要介绍了js之如何筛选出两个数组相同的值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
js筛选出两个数组相同的值
let arr1 =[1,2,3] //跟 let arr2 =[4,6,5] //子 let arr3 =[1,2,6] //根子都有 let frist =arr3.filter(item=> arr1.indexOf(item)>-1) //跟 let frist1 =arr3.filter(item=> arr2.indexOf(item)>-1)//子 console.log(frist) console.log(frist1)
筛选两个数组相同id，并过滤多余数据
第一个数据格式
[
{id: 129465, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
{id: 129465, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
{id: 129464, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
{id: 129464, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
{id: 129424, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
{id: 129424, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
{id: 129423, label: 0, labelName: "无", labelStatus: null, relateType: 2, …},
]第二个数据格式
[129464,129424,129423]
解决：
let map = new Map();
for (let item of 第一个数据) {
if (!map.has(item.id)) {
map.set(item.id, item);
};
};
let value = [...map.values()].filter(item => 第二个数据.includes(item.id))这里 value 就是我们要处理的数据
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
比较之后，我们可以发现，第二方法更加的直观，易于理解。但是少了封装过程，代码完全裸露在外。2010-12-12
这篇文章主要为大家详细介绍了js实现石头剪刀布游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户，怎么去掉这个框呢，在window.close之前加上window.top.opener = null就可以了2014-09-09
本文详细介绍了如何在浏览器端使用JavaScript实现高可靠度的人脸活体检测,包括核心原理、可行方案、优缺点对比以及示例代码,感兴趣的朋友一起看看吧2025-02-02
Bootstrap 3.x打印预览背景色与文字显示异常的解决
前几天同事有个问题咨询我，他在调用print()来打印页面，发现打印预览页面上的背景色无法显示以及文字总是显示为黑色，感觉非常奇怪，我通过测试发现是Bootstrap的问题，现在将解决的方法分享给大家，希望可以帮助到同样遇到这个问题的朋友们，下面来一起看看。2016-11-11
一说到prototype很多人可能第一个想到的是著名的prototype.js框架，当然我们今天说的不是它，而是Javascript中的prototype属性，一般都被翻译为“原型”。这是一个比较特殊的属性，Javascript中的继承一般都依赖这属性实现。2010-08-08
本文对JavaScript中对象的本质、对象与类的关系、对象与引用类型的关系;对象属性如何进行分类;属性中特性进行介绍。感兴趣的朋友可以看下2016-12-12
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
这篇文章主要介绍了ionic js 模型 $ionicModal 可以遮住用户主界面的内容框的相关资料,需要的朋友可以参考下2016-06-06
在项目中直接使用Axios或其他第三方库来发送网络请求获取数据时,会导致代码与网络请求的逻辑耦合度过高,导致难以维护,所以本文将讲解如何将网路请求的代码进行封装来进行解耦操作,文中通过代码示例和图文讲解的非常详细,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
最新评论