js之如何篩選出兩個(gè)數(shù)組相同的值
js篩選出兩個(gè)數(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)
篩選兩個(gè)數(shù)組相同id,并過濾多余數(shù)據(jù)
第一個(gè)數(shù)據(jù)格式
[
?{id:?129465,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
?{id:?129465,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
?{id:?129464,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
{id:?129464,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
{id:?129424,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
{id:?129424,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
?{id:?129423,?label:?0,?labelName:?"無(wú)",?labelStatus:?null,?relateType:?2,?…},
]第二個(gè)數(shù)據(jù)格式
[129464,129424,129423]
解決:
?let map = new Map();
? ? ? ? for (let item of 第一個(gè)數(shù)據(jù)) {
? ? ? ? ? ? if (!map.has(item.id)) {
? ? ? ? ? ? ? ? map.set(item.id, item);
? ? ? ? ? ? };
? ? ? ? };
? ? ? ? let value = [...map.values()].filter(item => 第二個(gè)數(shù)據(jù).includes(item.id))這里 value 就是我們要處理的數(shù)據(jù)

總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript資源預(yù)加載組件和滑屏組件的使用推薦
這篇文章主要介紹了JavaScript資源預(yù)加載組件和滑屏組件的使用推薦,分別為preload和slide的用法講解,使用起來(lái)非常簡(jiǎn)單,需要的朋友可以參考下2016-03-03
JS實(shí)現(xiàn)焦點(diǎn)圖輪播效果的方法詳解
這篇文章主要介紹了JS實(shí)現(xiàn)焦點(diǎn)圖輪播效果的方法,結(jié)合實(shí)例形式詳細(xì)分析了JS焦點(diǎn)圖輪播效果的原理、實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
淺析jsopn跨域請(qǐng)求原理及cors(跨域資源共享)的完美解決方法
由于同源策略的緣故,ajax不能向不同域的網(wǎng)站發(fā)出請(qǐng)求。接下來(lái)通過本文給大家介紹jsopn跨域請(qǐng)求原理及cors(跨域資源共享)的完美解決方法,需要的朋友可以參考下2017-02-02
在JS中最常看到切最容易迷惑的語(yǔ)法(轉(zhuǎn))
發(fā)現(xiàn)一篇JS中比較容易迷惑的語(yǔ)法的解釋,挺有用的,轉(zhuǎn)載下,與大家分享2010-10-10
JavaScript動(dòng)態(tài)添加事件之事件委托
動(dòng)態(tài)添加事件實(shí)質(zhì)就是指js中的事件委托。本文給大家介紹JavaScript動(dòng)態(tài)添加事件之事件委托的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-07-07
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
JS賦值、淺拷貝和深拷貝(數(shù)組和對(duì)象的深淺拷貝)實(shí)例詳解
這篇文章主要介紹了JS賦值、淺拷貝和深拷貝,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組和對(duì)象的深淺拷貝相關(guān)概念、原理、操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
原生JavaScript實(shí)現(xiàn)的簡(jiǎn)單省市縣三級(jí)聯(lián)動(dòng)功能示例
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)的簡(jiǎn)單省市縣三級(jí)聯(lián)動(dòng)功能,結(jié)合完整實(shí)例形式分析了javascript聯(lián)動(dòng)菜單的實(shí)現(xiàn)方法,涉及javascript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-05-05

