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