如何简化嵌套日期对象的迭代代码并提取日对象数组？

嘿，想要把三层嵌套的年-月-日对象转换成所有日对象的数组，完全可以摆脱繁琐的三层for-in循环，用现代JavaScript的数组方法来简化操作，这里有两种简洁的实现方式：

方法1：使用Object.values() + map() + flat() #

这种方式分步拆解嵌套结构，逻辑清晰易懂：

// 假设你的原始对象是obj
const allDays = Object.values(obj)
  // 第一步：提取所有年份对应的月份对象数组
  .map(year => Object.values(year))
  // 扁平化数组，把所有月份对象放到同一个数组里
  .flat()
  // 第二步：提取每个月份对应的日对象数组
  .map(month => Object.values(month))
  // 再次扁平化，得到最终的日对象一维数组
  .flat();

console.log(allDays); // 输出 [{ key: value }, { key: value }, ...]

方法2：使用flatMap()进一步简化 #

flatMap()相当于map()后立即执行flat(1)，可以把两步合并，让代码更紧凑：

const allDays = Object.values(obj)
  // 提取所有月份对象并扁平化
  .flatMap(year => Object.values(year))
  // 提取所有日对象并扁平化
  .flatMap(month => Object.values(month));

为什么这两种方法更好？ #

• 避免了手动处理for-in循环的索引，代码更简洁易读
• 采用声明式写法，直接表达“我要得到什么”，而不是“怎么去遍历”
• Object.values()会自动忽略对象的原型链属性，比for-in更安全（如果不需要遍历原型属性的话）

如果你的运行环境需要兼容旧版浏览器（比如IE），可能需要给Object.values()和flatMap()添加polyfill，但现在绝大多数现代浏览器和Node.js版本都已经原生支持这些方法啦。

内容的提问来源于stack exchange，提问作者Marcelo J Forclaz