如何访问对象中动态变化的数组及其内部对象

嘿，我来帮你搞定这个问题！你手上的这个对象是以日期字符串作为键的，要按日期选中数组并访问里面的内部对象其实很简单，我给你几个实用的方案：

1. 访问特定日期的数据（已知日期时） #

如果你明确知道要处理哪一天的数据，可以直接通过日期键名来访问对应的数组，然后遍历数组里的内部对象：

// 假设你的对象叫 dailyData
const targetDate = '2022-04-09';

// 先判断该日期是否存在，避免报错
if (dailyData[targetDate]) {
  // 遍历该日期下的所有内部对象
  dailyData[targetDate].forEach(innerObj => {
    // 这里可以操作每个内部对象，比如打印或者提取属性
    console.log(`日期${targetDate}的内部对象：`, innerObj);
    // 示例：如果内部对象有temperature属性，就取出来
    // console.log(innerObj.temperature);
  });
}

2. 遍历所有动态日期（未知未来日期时） #

因为日期是随时间动态变化的，硬编码日期肯定不现实，这时候可以用Object.entries()或者Object.keys()来遍历所有日期键和对应的数据：

用 Object.entries() 同时获取日期和数组 #

这个方法最方便，一次拿到日期字符串和对应的数组：

for (const [date, dataArray] of Object.entries(dailyData)) {
  console.log(`正在处理日期：${date}`);
  
  // 遍历当前日期数组里的每个内部对象
  dataArray.forEach(innerObj => {
    // 这里写你的业务逻辑，比如处理每个对象的属性
    // 示例：统计某个属性的平均值，或者渲染到页面
    // renderData(innerObj);
  });
}

用 Object.keys() 获取所有日期后逐个访问 #

如果你只需要先拿到所有日期列表，再逐个处理，用这个方法：

// 获取所有日期键的数组
const allDates = Object.keys(dailyData);

allDates.forEach(date => {
  const currentArray = dailyData[date];
  console.log(`日期${date}共有${currentArray.length}条数据`);
  
  // 遍历内部对象
  currentArray.forEach(innerObj => {
    // 执行你的操作
  });
});

小提示 #

• 因为日期是动态生成的，每次操作前最好判断一下dailyData[date]是否存在，避免因键名不存在导致的报错。
• 如果需要对日期进行排序，可以先把Object.keys(dailyData)拿到的日期数组做排序处理，再遍历。

内容的提问来源于stack exchange，提问作者Jaydendev