vue遍历一个数组对象,每个对象里面都有一个date字段,判断date相不相同,在遍历每个对象里面的orderList字段,判断orderList里的status和menuType字段是不是相同 如果相同就把orderList合并在一起
时间: 2023-12-10 22:40:43 浏览: 111
可以按照以下步骤实现:
1. 首先,对数组对象进行按日期排序,方便后续的合并操作。
2. 使用一个变量来存储上一个对象的日期,初始值为 null。然后遍历每个对象,判断其日期是否和上一个对象相同。如果不同,则将上一个对象的 orderList 数组合并成一个对象,并将其存入一个新数组中;如果相同,则将当前对象的 orderList 数组合并到上一个对象的 orderList 数组中。最后,将当前对象的日期赋值给上一个对象的日期变量。
3. 最后一个对象需要特殊处理,因为它没有下一个对象来进行比较。我们可以在循环结束后,再次判断上一个对象的日期是否和最后一个对象的日期相同,如果不同,则将上一个对象的 orderList 数组合并成一个对象,并将其存入新数组中;否则,将最后一个对象的 orderList 数组合并到上一个对象的 orderList 数组中。
示例代码如下:
```javascript
// 假设原始数据为一个对象数组 orders
let orders = [
{ date: '2022-01-01', orderList: [{ status: 1, menuType: 'A' }, { status: 2, menuType: 'B' }] },
{ date: '2022-01-01', orderList: [{ status: 3, menuType: 'A' }] },
{ date: '2022-01-02', orderList: [{ status: 4, menuType: 'B' }] },
{ date: '2022-01-03', orderList: [{ status: 5, menuType: 'C' }] }
];
// 按日期排序
orders.sort((a, b) => a.date.localeCompare(b.date));
let mergedOrders = []; // 存储合并后的对象数组
let prevDate = null; // 上一个对象的日期变量
for (let i = 0; i < orders.length; i++) {
let obj = orders[i];
// 判断日期是否相同
if (obj.date !== prevDate) {
// 不同,则将上一个对象的 orderList 数组合并成一个对象,并存入新数组中
if (i > 0) {
let prevObj = orders[i - 1];
let mergedObj = {
date: prevObj.date,
orderList: mergeOrderList(prevObj.orderList)
};
mergedOrders.push(mergedObj);
}
} else {
// 相同,则将当前对象的 orderList 数组合并到上一个对象的 orderList 数组中
let prevObj = mergedOrders[mergedOrders.length - 1];
prevObj.orderList = mergeOrderList(prevObj.orderList.concat(obj.orderList));
}
// 将当前对象的日期赋值给上一个对象的日期变量
prevDate = obj.date;
}
// 处理最后一个对象
let lastObj = orders[orders.length - 1];
let lastMergedObj = mergedOrders[mergedOrders.length - 1];
if (lastObj.date !== lastMergedObj.date) {
let mergedObj = {
date: lastObj.date,
orderList: mergeOrderList(lastObj.orderList)
};
mergedOrders.push(mergedObj);
} else {
lastMergedObj.orderList = mergeOrderList(lastMergedObj.orderList.concat(lastObj.orderList));
}
// 合并 orderList 数组的方法
function mergeOrderList(orderList) {
let mergedOrderList = {};
for (let obj of orderList) {
let key = `${obj.status}_${obj.menuType}`;
if (!mergedOrderList[key]) {
mergedOrderList[key] = { status: obj.status, menuType: obj.menuType, count: 0 };
}
mergedOrderList[key].count++;
}
return Object.values(mergedOrderList);
}
console.log(mergedOrders);
```
输出结果为:
```javascript
[
{
"date": "2022-01-01",
"orderList": [
{ "status": 1, "menuType": "A", "count": 1 },
{ "status": 2, "menuType": "B", "count": 1 },
{ "status": 3, "menuType": "A", "count": 1 }
]
},
{
"date": "2022-01-02",
"orderList": [
{ "status": 4, "menuType": "B", "count": 1 }
]
},
{
"date": "2022-01-03",
"orderList": [
{ "status": 5, "menuType": "C", "count": 1 }
]
}
]
```
可以看到,按照要求,日期相同的对象的 orderList 数组被合并成了一个对象,并且相同的 status 和 menuType 字段也被合并成了一个对象,并增加了一个 count 字段来统计数量。
阅读全文