js如何遍历一个数组对象的key

可以使用for...in循环来遍历一个数组对象的key，例如：

const arr = {a: 1, b: 2, c: 3};

for (let key in arr) {
  console.log(key);
}

这将输出：

a
b
c

相关问题

js 遍历对象返回数组

可以使用 Object.keys() 方法将对象的属性名转换成数组，然后进行遍历。例如：

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
const values = [];

keys.forEach(key => {
  values.push(obj[key]);
});

console.log(values); // [1, 2, 3]

vue遍历一个数组对象，每个对象里面都有一个date字段，判断date相不相同，在遍历每个对象里面的orderList字段，判断orderList里的status和menuType字段是不是相同 如果相同就把orderList合并在一起

可以按照以下步骤实现：

1. 首先，对数组对象进行按日期排序，方便后续的合并操作。

2. 使用一个变量来存储上一个对象的日期，初始值为 null。然后遍历每个对象，判断其日期是否和上一个对象相同。如果不同，则将上一个对象的 orderList 数组合并成一个对象，并将其存入一个新数组中；如果相同，则将当前对象的 orderList 数组合并到上一个对象的 orderList 数组中。最后，将当前对象的日期赋值给上一个对象的日期变量。

3. 最后一个对象需要特殊处理，因为它没有下一个对象来进行比较。我们可以在循环结束后，再次判断上一个对象的日期是否和最后一个对象的日期相同，如果不同，则将上一个对象的 orderList 数组合并成一个对象，并将其存入新数组中；否则，将最后一个对象的 orderList 数组合并到上一个对象的 orderList 数组中。

示例代码如下：

// 假设原始数据为一个对象数组 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);

输出结果为：

[
  {
    "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 字段来统计数量。