js之如何篩選出兩個數(shù)組相同的值
更新時間：2023年06月29日 09:47:29 作者：前端代碼の搬運(yùn)工
這篇文章主要介紹了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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript自執(zhí)行函數(shù)之偽命名空間封裝法
比較之后，我們可以發(fā)現(xiàn)，第二方法更加的直觀，易于理解。但是少了封裝過程，代碼完全裸露在外。2010-12-12
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)石頭剪刀布游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
用javascript關(guān)閉本窗口不彈出詢問框的方法
ie中用close關(guān)閉非open打開的窗口時回彈出一個對話框詢問用戶，怎么去掉這個框呢，在window.close之前加上window.top.opener = null就可以了2014-09-09
本文詳細(xì)介紹了如何在瀏覽器端使用JavaScript實現(xiàn)高可靠度的人臉活體檢測,包括核心原理、可行方案、優(yōu)缺點(diǎn)對比以及示例代碼,感興趣的朋友一起看看吧2025-02-02
Bootstrap 3.x打印預(yù)覽背景色與文字顯示異常的解決
前幾天同事有個問題咨詢我，他在調(diào)用print()來打印頁面，發(fā)現(xiàn)打印預(yù)覽頁面上的背景色無法顯示以及文字總是顯示為黑色，感覺非常奇怪，我通過測試發(fā)現(xiàn)是Bootstrap的問題，現(xiàn)在將解決的方法分享給大家，希望可以幫助到同樣遇到這個問題的朋友們，下面來一起看看。2016-11-11
一說到prototype很多人可能第一個想到的是著名的prototype.js框架，當(dāng)然我們今天說的不是它，而是Javascript中的prototype屬性，一般都被翻譯為“原型”。這是一個比較特殊的屬性，Javascript中的繼承一般都依賴這屬性實現(xiàn)。2010-08-08
本文對JavaScript中對象的本質(zhì)、對象與類的關(guān)系、對象與引用類型的關(guān)系;對象屬性如何進(jìn)行分類;屬性中特性進(jìn)行介紹。感興趣的朋友可以看下2016-12-12
ionic js 模型 $ionicModal 可以遮住用戶主界面的內(nèi)容框
這篇文章主要介紹了ionic js 模型 $ionicModal 可以遮住用戶主界面的內(nèi)容框的相關(guān)資料,需要的朋友可以參考下2016-06-06
關(guān)于封裝axios網(wǎng)絡(luò)請求降低代碼耦合度詳解
在項目中直接使用Axios或其他第三方庫來發(fā)送網(wǎng)絡(luò)請求獲取數(shù)據(jù)時,會導(dǎo)致代碼與網(wǎng)絡(luò)請求的邏輯耦合度過高,導(dǎo)致難以維護(hù),所以本文將講解如何將網(wǎng)路請求的代碼進(jìn)行封裝來進(jìn)行解耦操作,文中通過代碼示例和圖文講解的非常詳細(xì),需要的朋友可以參考下2024-05-05
微信小程序 函數(shù)防抖 解決重復(fù)點(diǎn)擊消耗性能問題實現(xiàn)代碼
這篇文章主要介紹了微信小程序使用函數(shù)防抖解決重復(fù)點(diǎn)擊消耗性能問題實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09