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

如何從對象數(shù)組中篩選符合條件的值

 更新時間:2022年09月01日 10:29:09   作者:愛編譯也愛吃肉的喵  
這篇文章主要介紹了如何從對象數(shù)組中篩選符合條件的值,具有很好的參考價值,希望對大家有所幫助。

從對象數(shù)組中篩選符合條件的值

const arr = [1,2,3,4,5,6,7]
const list = [
	{openId: 1, timelineId: 1, showNo: 1, uid: 1},
	{openId: 2, timelineId: 1, showNo: 1, uid: 1},
	{openId: 9, timelineId: 1, showNo: 1, uid: 1},
	{openId: 4, timelineId: 1, showNo: 1, uid: 1},
	{openId: 5, timelineId: 1, showNo: 1, uid: 1}
]
const params = list.filter(item=> arr.indexOf(item.openId) > -1)
console.log(params)

將兩個對象數(shù)組根據(jù)相同的索引index合并為一個數(shù)組

this.currentTotalList = this.totalList.map((item, index) => ({ ...item, ...daysList[index] }))

將兩個對象數(shù)組根據(jù)相同的鍵值合并為一個數(shù)組

let currentEveryList = this.everyList.map(item => ({...item, ...signList.filter(s => s.signDate === item.signDate)[0]}))

從當前數(shù)組中篩選符合條件的值

this.materialss = this.materials.filter(item => item.categoryId === this.curTab.categoryId)

js根據(jù)已有數(shù)組,從數(shù)組對象中篩選數(shù)據(jù)

例如,已得到以下源數(shù)據(jù)

? ? ? ? let dataArr = [
? ? ? ? ? ? { id: 1, age: 15 },
? ? ? ? ? ? { id: 2, age: 18 },
? ? ? ? ? ? { id: 3, age: 16 },
? ? ? ? ? ? { id: 4, age: 17 }
? ? ? ? ];

現(xiàn)在需要跟據(jù)獲取的id數(shù)組(表格選中的行),篩選源數(shù)據(jù)

let goalArr = [1, 2];

解決思路

<script>
? ? ? ? let dataArr = [
? ? ? ? ? ? { id: 1, age: 15 },
? ? ? ? ? ? { id: 2, age: 18 },
? ? ? ? ? ? { id: 3, age: 16 },
? ? ? ? ? ? { id: 4, age: 17 }
? ? ? ? ];
? ? ? ? let goalArr = [1, 2];
? ? ? ? let resArr = [];
? ? ? ? goalArr.forEach((v, i) => {
? ? ? ? ? ? dataArr.forEach((item, index) => {
? ? ? ? ? ? ? ? if (item.id === v) {
? ? ? ? ? ? ? ? ? ? resArr.push(item)
? ? ? ? ? ? ? ? }
? ? ? ? ? ? })
? ? ? ? })
? ? ? ? console.log(resArr)
//
</script>

打印結果如下: 

本來想用filter加forEach實現(xiàn)的,思路有點混亂爛尾了

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • 微信小程序首頁的分類功能和搜索功能的實現(xiàn)思路及代碼詳解

    微信小程序首頁的分類功能和搜索功能的實現(xiàn)思路及代碼詳解

    這篇文章主要介紹了微信小程序首頁的分類功能和搜索功能的實現(xiàn)思路及代碼詳解,微信宣布了微信小程序開發(fā)者工具新增“云開發(fā)”功能,現(xiàn)在無需服務器即可實現(xiàn)小程序的快速迭代,感興趣的朋友跟隨小編一起看看吧
    2018-09-09
  • JS+HTML5實現(xiàn)的前端購物車功能插件實例【附demo源碼下載】

    JS+HTML5實現(xiàn)的前端購物車功能插件實例【附demo源碼下載】

    這篇文章主要介紹了JS+HTML5實現(xiàn)的前端購物車功能插件,結合完整實例形式分析了JS結合HTML5的storage特性存儲數(shù)據(jù)實現(xiàn)購物車功能的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
    2016-10-10
  • bootstrap 設置checkbox部分選中效果

    bootstrap 設置checkbox部分選中效果

    本篇文章主要介紹了bootstrap 設置checkbox部分選中效果,主要涉及到js各個方面的內容,對于bootstrap設置checkbox選中效果感興趣的朋友可以參考一下吧
    2017-04-04
  • 詳解javascript中的Error對象

    詳解javascript中的Error對象

    error是指程序中的非正常運行狀態(tài),在其他編程語言中稱為“異常”或“錯誤”,解釋器會為每個錯誤情形創(chuàng)建并拋出一個Error對象,其中包含錯誤的描述信息,這篇文章主要介紹了javascript中的Error對象,需要的朋友可以參考下
    2019-04-04
  • javascript實現(xiàn)簡易數(shù)碼時鐘

    javascript實現(xiàn)簡易數(shù)碼時鐘

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡易數(shù)碼時鐘,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • JavaScript數(shù)據(jù)結構之二叉樹的計數(shù)算法示例

    JavaScript數(shù)據(jù)結構之二叉樹的計數(shù)算法示例

    這篇文章主要介紹了JavaScript數(shù)據(jù)結構之二叉樹的計數(shù)算法,結合具體實例形式分析了javascript二叉樹記錄更新次數(shù)的原理與操作技巧,需要的朋友可以參考下
    2017-04-04
  • JavaScript對JSON數(shù)據(jù)進行排序和搜索

    JavaScript對JSON數(shù)據(jù)進行排序和搜索

    今天教給大家如何使用數(shù)組的方法來實現(xiàn)JSON數(shù)據(jù)進行排序和搜索功能,具體實例代碼大家參考下本文吧
    2017-07-07
  • 基于JS制作一個網(wǎng)頁版的猜數(shù)字小游戲

    基于JS制作一個網(wǎng)頁版的猜數(shù)字小游戲

    這篇文章主要為大家詳細介紹了如何利用HTML+CSS+JavaScript實現(xiàn)一個簡單的網(wǎng)頁版的猜數(shù)字小游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • H5+C3+JS實現(xiàn)五子棋游戲(AI篇)

    H5+C3+JS實現(xiàn)五子棋游戲(AI篇)

    這篇文章主要為大家詳細介紹了H5+C3+JS實現(xiàn)五子棋游戲AI篇,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-09-09
  • 微信小程序實現(xiàn)搖篩子效果

    微信小程序實現(xiàn)搖篩子效果

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)搖篩子效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-05-05

最新評論