根據 order key 對 object 內部的 object 串列進行排序和排列
const listing = {
"football":{
"name":"FOOTBALL",
"slug":"football",
"arr":[],
"order": 4
},
"table-tennis":{
"name":"TABLE TENNIS",
"slug":"table-tennis",
"arr":[],
"order": 1
},
"cricket":{
"name":"CRICKET",
"slug":"cricket",
"arr":[],
"order": 5
},
"badminton":{
"name":"BADMINTON",
"slug":"badminton",
"arr":[],
"order": 2
},
"hockey":{
"name":"HOCKEY",
"slug":"hockey",
"arr":[],
"order": 3
}
}
Object.keys(listing).sort().map((item) => {
return (
<div>
<div onClick={() => sportsKitFilter()}>{listing[item].name}</div>
</div>
)
})
實際結果：-
BADMINTON
CRICKET
FOOTBALL
HOCKEY
TABLE TENNIS
預期結果：-
TABLE TENNIS
BADMINTON
HOCKEY
FOOTBALL
CRICKET
所以，在預期的結果中，Storing 是基于order key
指導我，在這個場景中？？
uj5u.com熱心網友回復：
目前我正在排序listing.order。試試這個代碼它的作業！
Object.keys(listing).sort((a, b) => listing[a].order - listing[b].order).map((item) => {
return (
<div>
<div onClick={() => sportsKitFilter()}>{listing[item].name}</div>
</div>
)
})
uj5u.com熱心網友回復：
這對你怎么樣？
const listing = {
football: {
name: "FOOTBALL",
slug: "football",
arr: [],
order: 4,
},
"table-tennis": {
name: "TABLE TENNIS",
slug: "table-tennis",
arr: [],
order: 1,
},
cricket: {
name: "CRICKET",
slug: "cricket",
arr: [],
order: 5,
},
badminton: {
name: "BADMINTON",
slug: "badminton",
arr: [],
order: 2,
},
hockey: {
name: "HOCKEY",
slug: "hockey",
arr: [],
order: 3,
},
};
const ordered = Object.keys(listing).sort(
(a, b) => listing[a].order - listing[b].order
).map(item => ["YOUR JSX HERE"]);
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/405596.html
標籤：
上一篇：如何對物件鍵進行排序
下一篇：在Julia中對結構陣列進行排序