js之如何篩選出兩個數(shù)組相同的值
更新時間：2023年06月29日 09:47:29 作者：前端代碼の搬運工
這篇文章主要介紹了js之如何篩選出兩個數(shù)組相同的值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
js篩選出兩個數(shù)組相同的值
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)
篩選兩個數(shù)組相同id，并過濾多余數(shù)據(jù)
第一個數(shù)據(jù)格式
[
?{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,?…},
]第二個數(shù)據(jù)格式
[129464,129424,129423]
解決：
?let map = new Map();
? ? ? ? for (let item of 第一個數(shù)據(jù)) {
? ? ? ? ? ? if (!map.has(item.id)) {
? ? ? ? ? ? ? ? map.set(item.id, item);
? ? ? ? ? ? };
? ? ? ? };
? ? ? ? let value = [...map.values()].filter(item => 第二個數(shù)據(jù).includes(item.id))這里 value 就是我們要處理的數(shù)據(jù)
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript資源預加載組件和滑屏組件的使用推薦,分別為preload和slide的用法講解,使用起來非常簡單,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了JS實現(xiàn)焦點圖輪播效果的方法,結(jié)合實例形式詳細分析了JS焦點圖輪播效果的原理、實現(xiàn)步驟與相關操作技巧,需要的朋友可以參考下2016-12-12
淺析jsopn跨域請求原理及cors（跨域資源共享）的完美解決方法
由于同源策略的緣故，ajax不能向不同域的網(wǎng)站發(fā)出請求。接下來通過本文給大家介紹jsopn跨域請求原理及cors（跨域資源共享）的完美解決方法,需要的朋友可以參考下2017-02-02
發(fā)現(xiàn)一篇JS中比較容易迷惑的語法的解釋,挺有用的,轉(zhuǎn)載下,與大家分享2010-10-10
動態(tài)添加事件實質(zhì)就是指js中的事件委托。本文給大家介紹JavaScript動態(tài)添加事件之事件委托的相關知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-07-07
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-09-09
JS賦值、淺拷貝和深拷貝（數(shù)組和對象的深淺拷貝）實例詳解
這篇文章主要介紹了JS賦值、淺拷貝和深拷貝,結(jié)合實例形式總結(jié)分析了JavaScript數(shù)組和對象的深淺拷貝相關概念、原理、操作技巧與使用注意事項,需要的朋友可以參考下2020-03-03
原生JavaScript實現(xiàn)的簡單省市縣三級聯(lián)動功能示例
這篇文章主要介紹了原生JavaScript實現(xiàn)的簡單省市縣三級聯(lián)動功能,結(jié)合完整實例形式分析了javascript聯(lián)動菜單的實現(xiàn)方法,涉及javascript事件響應及頁面元素動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2017-05-05
在使用高德地圖時,需要獲取高德地圖Web?API的Key和密鑰,下面這篇文章主要介紹了獲取高德地圖JS?API的安全密鑰和Key的方法步驟,文中通過圖文及代碼介紹的非常詳細,需要的朋友可以參考下2025-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)微博發(fā)布功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08