如何基于Javascript中的多个键对对象数组进行分组? [英] How to group an array of objects based on multiple keys in Javascript?
本文介绍了如何基于Javascript中的多个键对对象数组进行分组?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有如下数组
[
{
"WarehouseId": 1,
"ShippingCarrierId": 1,
"PostalCodeType": "ShipToCustomer",
"TimeStart": "1970-01-01T06:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 1,
"PostalCodeType": "ShipToCustomer",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 1,
"PostalCodeType": "ShipToCustomer",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T05:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 2,
"PostalCodeType": "ShipToCustomer",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 2,
"PostalCodeType": "ShipToCustomer",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 3,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 3,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 4,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 4,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 5,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T16:22:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 5,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T16:23:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 6,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 6,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 1,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T06:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 1,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 1,
"ShippingCarrierId": 1,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T05:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T11:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 2,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T00:00:00.000Z",
"TimeEnd": "1970-01-01T15:59:00.000Z",
"PickupTimeSlot": "PM",
"DaysToAdd": 0,
"PickupTime": "1970-01-01T17:00:00.000Z"
},
{
"WarehouseId": 2,
"ShippingCarrierId": 2,
"PostalCodeType": "ShipToDS",
"TimeStart": "1970-01-01T16:00:00.000Z",
"TimeEnd": "1970-01-01T23:59:00.000Z",
"PickupTimeSlot": "AM",
"DaysToAdd": 1,
"PickupTime": "1970-01-01T11:00:00.000Z"
}
]
我想按 WarehouseId ， ShippingCarrierId 和PostalCodeType对其进行分组.每个objec都会有chlid对象数组，用于Timestart，TimeEnd等
I want to group it by WarehouseId, ShippingCarrierId and PostalCodeType.
Each objec will have chlid array of objects for Timestart, TimeEnd etc
我该如何实现
输出类似:
PickupTimeTable: [{
WarehouseId: 1,
ShippingCarrierId: 1,
PostalCodeType: 'ShipToCustomer',
PickupTimeSlots: [{
StartTime: '06:00:00.0000000',
EndTime: '15:59:00.0000000',
Slot: 'PM',
PickupTime: '17:00:00.0000000',
DaysToAdd: 0
},
{
StartTime: '16:00:00.0000000',
EndTime: '23:59:00.0000000',
Slot: 'AM',
PickupTime: '11:00:00.0000000',
DaysToAdd: 1
},
{
StartTime: '00:00:00.0000000',
EndTime: '05:59:00.0000000',
Slot: 'AM',
PickupTime: '11:00:00.0000000',
DaysToAdd: 0
},
]
}, ]
推荐答案
您可以为由-分隔的那三个键的每个唯一组合创建一个具有新键的累加器对象.然后根据此新键，使用 <代码>减少 .使用解构来分隔您需要的密钥 PickupTimeSlots 到 rest 变量.然后使用 Object.values 获得最终数组:
You could create an accumulator object with a new key for each unique combination of those 3 keys seperated by -. Then based on this new key merge the array using reduce. Use destructuring to separate the keys you need in the PickupTimeSlots to a rest variable. Then use Object.values to get the final array:
const slots=[{"WarehouseId":1,"ShippingCarrierId":1,"PostalCodeType":"ShipToCustomer","TimeStart":"1970-01-01T06:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":1,"PostalCodeType":"ShipToCustomer","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":1,"PostalCodeType":"ShipToCustomer","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T05:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":0,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":2,"PostalCodeType":"ShipToCustomer","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":2,"PostalCodeType":"ShipToCustomer","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":3,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":3,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":4,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":4,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":5,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T16:22:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":5,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T16:23:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":6,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":6,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":1,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T06:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":1,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":1,"ShippingCarrierId":1,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T05:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":0,"PickupTime":"1970-01-01T11:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":2,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T00:00:00.000Z","TimeEnd":"1970-01-01T15:59:00.000Z","PickupTimeSlot":"PM","DaysToAdd":0,"PickupTime":"1970-01-01T17:00:00.000Z"},{"WarehouseId":2,"ShippingCarrierId":2,"PostalCodeType":"ShipToDS","TimeStart":"1970-01-01T16:00:00.000Z","TimeEnd":"1970-01-01T23:59:00.000Z","PickupTimeSlot":"AM","DaysToAdd":1,"PickupTime":"1970-01-01T11:00:00.000Z"}]
const merged = slots.reduce((r, { WarehouseId, ShippingCarrierId, PostalCodeType,...rest }) => {
const key = `${WarehouseId}-${ShippingCarrierId}-${PostalCodeType}`;
r[key] = r[key] || { WarehouseId, ShippingCarrierId, PostalCodeType, PickupTimeSlots: [] };
r[key]["PickupTimeSlots"].push(rest)
return r;
}, {})
const timeTable = Object.values(merged)
console.log(timeTable)这篇关于如何基于Javascript中的多个键对对象数组进行分组?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
