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 就是我们要处理的数据
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript资源预加载组件和滑屏组件的使用推荐,分别为preload和slide的用法讲解,使用起来非常简单,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了JS实现焦点图轮播效果的方法,结合实例形式详细分析了JS焦点图轮播效果的原理、实现步骤与相关操作技巧,需要的朋友可以参考下2016-12-12
浅析jsopn跨域请求原理及cors（跨域资源共享）的完美解决方法
由于同源策略的缘故，ajax不能向不同域的网站发出请求。接下来通过本文给大家介绍jsopn跨域请求原理及cors（跨域资源共享）的完美解决方法,需要的朋友可以参考下2017-02-02
发现一篇JS中比较容易迷惑的语法的解释,挺有用的,转载下,与大家分享2010-10-10
动态添加事件实质就是指js中的事件委托。本文给大家介绍JavaScript动态添加事件之事件委托的相关知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-07-07
vite打包优化vite-plugin-compression的使用示例详解
这篇文章主要介绍了vite打包优化vite-plugin-compression的使用,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-09-09
这篇文章主要介绍了JS赋值、浅拷贝和深拷贝,结合实例形式总结分析了JavaScript数组和对象的深浅拷贝相关概念、原理、操作技巧与使用注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了原生JavaScript实现的简单省市县三级联动功能,结合完整实例形式分析了javascript联动菜单的实现方法,涉及javascript事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下2017-05-05
在使用高德地图时,需要获取高德地图Web API的Key和密钥,下面这篇文章主要介绍了获取高德地图JS API的安全密钥和Key的方法步骤,文中通过图文及代码介绍的非常详细,需要的朋友可以参考下2025-05-05
这篇文章主要为大家详细介绍了JS实现微博发布功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
最新评论