如何從對象數(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)思路及代碼詳解,微信宣布了微信小程序開發(fā)者工具新增“云開發(fā)”功能,現(xiàn)在無需服務器即可實現(xiàn)小程序的快速迭代,感興趣的朋友跟隨小編一起看看吧2018-09-09JS+HTML5實現(xiàn)的前端購物車功能插件實例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實現(xiàn)的前端購物車功能插件,結合完整實例形式分析了JS結合HTML5的storage特性存儲數(shù)據(jù)實現(xiàn)購物車功能的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10JavaScript數(shù)據(jù)結構之二叉樹的計數(shù)算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結構之二叉樹的計數(shù)算法,結合具體實例形式分析了javascript二叉樹記錄更新次數(shù)的原理與操作技巧,需要的朋友可以參考下2017-04-04JavaScript對JSON數(shù)據(jù)進行排序和搜索
今天教給大家如何使用數(shù)組的方法來實現(xiàn)JSON數(shù)據(jù)進行排序和搜索功能,具體實例代碼大家參考下本文吧2017-07-07