遍历一个vue对象数组,然后把他存入一个新的数组,存入前判断新数组是否为空,避免重复添加
时间: 2024-05-02 13:22:18 浏览: 9
可以使用forEach方法遍历vue对象数组,然后使用includes方法判断新数组中是否已经存在该元素,如果不存在则加入新数组中。
代码示例:
```
let newArray = []
vueObjectArray.forEach(item => {
if (!newArray.includes(item)) {
newArray.push(item)
}
})
```
相关问题
遍历一个vue对象数组,然后把他存入一个新的数组
可以使用循环语句和push()方法来遍历一个vue对象数组,并将其中的元素存入一个新的数组中。示例代码如下:
```javascript
// 假设有一个vue对象数组
var vueArray = [
{name: '张三', age: 25},
{name: '李四', age: 30},
{name: '王五', age: 28}
];
// 定义一个新的数组
var newArray = [];
// 循环遍历vueArray,将其中的元素存入newArray
for (var i = 0; i < vueArray.length; i++) {
newArray.push(vueArray[i]);
}
// 打印newArray,可以看到其中的元素与vueArray相同
console.log(newArray);
```
执行以上代码后,控制台会输出以下结果:
```
[
{name: '张三', age: 25},
{name: '李四', age: 30},
{name: '王五', age: 28}
]
```
vue遍历一个数组对象,每个对象里面都有一个date字段,判断date相不相同,在遍历每个对象里面的orderList字段,判断orderList里的status和menuType字段是不是相同 如果相同就把orderList合并在一起
可以按照以下步骤实现:
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 字段来统计数量。