首頁猿問在Javascript中根據內部數...

在Javascript中根據內部數組對外部對象進行排序

JavaScript

繁星coding 2023-12-14 16:05:23

我需要根據 API 響應中的對象數組來渲染卡片，如下所示（簡化版）：[{ name: 'John', vouchers: [ { voucherId: 1, issuedAt: '2020-12-15T16:26:36.3548091+01:00' }, { voucherId: 2, issuedAt: '2020-12-15T16:26:36.3548091+01:00' }, ]},{ name: 'Lisa', vouchers: [ { voucherId: 1, issuedAt: '2020-12-13T16:26:36.3548091+01:00' } ]}]現在我想對這個對象數組（其中包含一個對象數組）進行 NgFor 并根據“issuedAt”日期進行排序（外部對象）。注意：每個用戶的優惠券數組的 IssuedAt 日期始終相同。我正在考慮使用 .map => .sort => Number(new Date(DATE_HERE)) 的某種組合，但無法讓它工作

查看完整描述

3 回答

慕雪6442864

TA貢獻1812條經驗獲得超5個贊

使用 Date.parse() 從日期字符串中獲取毫秒

let data = [{

vouchers: [{

voucherId: 1,

issuedAt: '2020-12-15T16:26:36.3548091+01:00',

{

voucherId: 2,

issuedAt: '2020-12-15T16:26:36.3548091+01:00',

{

vouchers: [{

voucherId: 1,

issuedAt: '2020-12-13T16:26:36.3548091+01:00',

}, ],

];

data.sort(function(a, b) {

return (

Date.parse(a['vouchers'][0]['issuedAt']) -

Date.parse(b['vouchers'][0]['issuedAt'])

);

});

console.log(data)

反對回復 2023-12-14

阿波羅的戰車

TA貢獻1862條經驗獲得超6個贊

鑒于憑證數組都具有相同的issuedAt屬性，您應該能夠僅使用第一個條目來執行此操作：

const data = [{name: 'John', vouchers: [{voucherId: 1, issuedAt: '2020-12-15T16:26:36.3548091+01:00'}, {voucherId: 2, issuedAt: '2020-12-15T16:26:36.3548091+01:00'}]}, {name: 'Lisa', vouchers: [{voucherId: 1, issuedAt: '2020-12-13T16:26:36.3548091+01:00'}]}]

const sorter = ({vouchers: [{issuedAt: x}]}, {vouchers: [{issuedAt: y}]}) =>

x < y ? -1 : x > y ? 1 : 0

console .log ([...data] .sort (sorter))

我們使用[...data]廉價的淺克??；我不想改變輸入數據。但data .sort (sorter)如果你真的想改變你的數組，你可以直接調用。

反對回復 2023-12-14

MYYA

TA貢獻1868條經驗獲得超4個贊

如果您希望首先列出最近時間的人員，請獲取所有優惠券的最大發放日期并減去它們。

注意：我更改了時間，以便排序真正起作用。

const result = [{

vouchers: [{

voucherId: 1,

issuedAt: '2020-12-15T16:26:36.3548091+01:00'

}, {

voucherId: 2,

issuedAt: '2020-12-15T17:26:36.3548091+01:00'

}, ]

}, {

vouchers: [{

voucherId: 1,

issuedAt: '2020-12-13T18:26:36.3548091+01:00'

}]

}];

const sorted = result.sort(

({ vouchers: a = [] }, { vouchers: b = [] }) =>

Math.max(...a.map(({ issuedAt: d = 0 }) => new Date(d))) -

Math.max(...b.map(({ issuedAt: d = 0 }) => new Date(d)))

);

console.log(sorted);

.as-console-wrapper { top: 0; max-height: 100% !important; }

反對回復 2023-12-14

3 回答
0 關注
168 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在Javascript中根據內部數組對外部對象進行排序

在Javascript中根據內部數組對外部對象進行排序

3 回答

添加回答