欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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自執(zhí)行函數之偽命名空間封裝法

    javascript自執(zhí)行函數之偽命名空間封裝法

    比較之后，我們可以發(fā)現(xiàn)，第二方法更加的直觀，易于理解。但是少了封裝過程，代碼完全裸露在外。
    2010-12-12
  • js實現(xiàn)石頭剪刀布游戲

    js實現(xiàn)石頭剪刀布游戲

    這篇文章主要為大家詳細介紹了js實現(xiàn)石頭剪刀布游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-10-10
  • 用javascript關閉本窗口不彈出詢問框的方法

    用javascript關閉本窗口不彈出詢問框的方法

    ie中用close關閉非open打開的窗口時回彈出一個對話框詢問用戶，怎么去掉這個框呢，在window.close之前加上window.top.opener = null就可以了
    2014-09-09
  • JavaScript實現(xiàn)人體面部活體檢測的功能

    JavaScript實現(xiàn)人體面部活體檢測的功能

    本文詳細介紹了如何在瀏覽器端使用JavaScript實現(xiàn)高可靠度的人臉活體檢測,包括核心原理、可行方案、優(yōu)缺點對比以及示例代碼,感興趣的朋友一起看看吧
    2025-02-02
  • Bootstrap 3.x打印預覽背景色與文字顯示異常的解決

    Bootstrap 3.x打印預覽背景色與文字顯示異常的解決

    前幾天同事有個問題咨詢我，他在調用print()來打印頁面，發(fā)現(xiàn)打印預覽頁面上的背景色無法顯示以及文字總是顯示為黑色，感覺非常奇怪，我通過測試發(fā)現(xiàn)是Bootstrap的問題，現(xiàn)在將解決的方法分享給大家，希望可以幫助到同樣遇到這個問題的朋友們，下面來一起看看。
    2016-11-11
  • javascript中的prototype屬性實例分析說明

    javascript中的prototype屬性實例分析說明

    一說到prototype很多人可能第一個想到的是著名的prototype.js框架，當然我們今天說的不是它，而是Javascript中的prototype屬性，一般都被翻譯為“原型”。這是一個比較特殊的屬性，Javascript中的繼承一般都依賴這屬性實現(xiàn)。
    2010-08-08
  • 詳解JavaScript中的屬性和特性

    詳解JavaScript中的屬性和特性

    本文對JavaScript中對象的本質、對象與類的關系、對象與引用類型的關系;對象屬性如何進行分類;屬性中特性進行介紹。感興趣的朋友可以看下
    2016-12-12
  • ionic js 模型 $ionicModal 可以遮住用戶主界面的內容框

    ionic js 模型 $ionicModal 可以遮住用戶主界面的內容框

    這篇文章主要介紹了ionic js 模型 $ionicModal 可以遮住用戶主界面的內容框的相關資料,需要的朋友可以參考下
    2016-06-06
  • 關于封裝axios網絡請求降低代碼耦合度詳解

    關于封裝axios網絡請求降低代碼耦合度詳解

    在項目中直接使用Axios或其他第三方庫來發(fā)送網絡請求獲取數據時,會導致代碼與網絡請求的邏輯耦合度過高,導致難以維護,所以本文將講解如何將網路請求的代碼進行封裝來進行解耦操作,文中通過代碼示例和圖文講解的非常詳細,需要的朋友可以參考下
    2024-05-05
  • 微信小程序 函數防抖 解決重復點擊消耗性能問題實現(xiàn)代碼

    微信小程序 函數防抖 解決重復點擊消耗性能問題實現(xiàn)代碼

    這篇文章主要介紹了微信小程序使用函數防抖解決重復點擊消耗性能問題實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-09-09

最新評論