陣列操作 filter和find

2022-06-07 13:42:10 字數 1007 閱讀 9769

現在有個需求:

後端給乙個list過來,1-4,有就顯示,沒有前面四個card就空著,從第五個開始,有資料就迴圈出來,區別他們的kind欄位。

這裡想了很久怎麼寫,最後決定,洗資料.

就是從給給的資料,前面四個進行判斷,有就寫進固定的地方,沒有就為空。

後面的資料迴圈

再把陣列a+陣列b,進行map渲染card

前面四個資料,是查出來的單個陣列物件,用find

4個後面其他的資料,是查出來所有的陣列,用filter

洗的資料列印出來是這樣的,然後迴圈輸出

陣列方法 filter 和find 的用法區別

1.filter 用法詳解 應用場景1 假定有乙個物件陣列a,獲取陣列中指定型別的物件放到b陣列中。var products var filters products.filter function item console.log filters var products var filters ...

陣列方法 filter 和find 的用法區別

1.filter 用法詳解 應用場景1 假定有乙個物件陣列a,獲取陣列中指定型別的物件放到b陣列中。var products var filters products.filter function item console.log filters 應用場景2 假定有乙個物件陣列a,過濾掉不滿足一下...

jquery方法find和filter的區別

在寫前端頁面的時候,經常會用到jquery中的find方法來尋找我們想要的元素,那麼jquery中還要乙個方法filter也有篩選元素的功能,那麼二者有何區別呢?舉例說明 class css class test 我是find class test 我是filter var find div fin...