如何在D3中将Unix时间戳转换为Date日期对象

步骤说明 #

1. 用D3加载JSON文件后，dt字段存储在返回数据的list数组的每个元素中，直接遍历即可访问
2. 注意转换单位：你提供的dt值为秒级Unix时间戳，而JavaScript Date构造函数要求传入毫秒级时间戳，所以转换时需要将dt值乘以1000，否则会得到错误的日期结果

完整代码示例 #

// 替换为你实际的JSON文件路径
d3.json("你的数据文件路径.json").then(data => {
  // 遍历list数组处理每一组数据
  data.list.forEach((entry, index) => {
    // 访问dt字段并转换为Date对象
    const formattedDate = new Date(entry.dt * 1000);
    // 控制台输出结果
    console.log(`第${index+1}条数据原始时间戳：`, entry.dt);
    console.log(`转换后的Date对象：`, formattedDate);
    // 可选：直接输出本地化的可读时间字符串，调试更直观
    console.log(`可读时间格式：`, formattedDate.toLocaleString());
  })
}).catch(err => {
  console.log("文件加载错误：", err);
})

如果你只需要取单条数据的dt转换，比如取list第一条数据的日期，可以直接这么写：

const firstItemDate = new Date(data.list[0].dt * 1000);

注：你给出的JSON片段为不完整结构，实际使用时请确保你的JSON文件格式合法，外层有闭合的花括号包裹。

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