如何從對象數(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]}))從當(dāng)前數(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>打印結(jié)果如下：
本來想用filter加forEach實現(xiàn)的，思路有點混亂爛尾了
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了javascript實現(xiàn)的快速排序的方法與原理說明：找基準(zhǔn)點、建立二個數(shù)組分別存儲、遞歸。需要的朋友來看下吧2016-12-12
微信小程序?qū)崿F(xiàn)swiper切換卡內(nèi)嵌滾動條不顯示的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)swiper切換卡內(nèi)嵌滾動條不顯示的方法,涉及微信小程序swiper選項卡組件相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
本篇文章主要介紹Javascript+CSS3實現(xiàn)進度條效果，可以實現(xiàn)給用戶一個等待的過程，有需要的可以了解一下。2016-10-10
本文給大家分享2個javascript實現(xiàn)簡單的進度條，一個是個人制作一個是網(wǎng)友實現(xiàn)的，都很不錯，這里推薦給大家。2015-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左滑動刪除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
JavaScript中的垃圾回收機制負(fù)責(zé)自動管理內(nèi)存，回收不再使用的對象所占用的內(nèi)存空間。本文主要介紹了JS中垃圾回收機制的相關(guān)知識，需要的可以參考一下2023-04-04
本篇文章小編為大家介紹，淺談關(guān)于JavaScript的語言特性分析，有需要的朋友可以參考一下2013-04-04
javascript實現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法
這篇文章主要介紹了javascript實現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法,可實現(xiàn)省市列表菜單效果,涉及javascript鼠標(biāo)事件及頁面處理json數(shù)據(jù)的技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了原生JS之this綁定規(guī)則，這樣大家再也不用擔(dān)心this指向問題了。文中的示例代碼講解詳細(xì)，需要的可以參考一下2022-09-09
javascript實現(xiàn)Email郵件顯示與刪除功能
這篇文章主要介紹了javascript實現(xiàn)Email郵件顯示與刪除功能，需要的朋友可以參考下2015-11-11