将JSON结果转换为日期-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要处理日期数据。而在与后端进行数据交互时，常常返回 JSON 格式的数据，其中包含日期信息。本文将介绍如何将 JSON 中的日期数据转换为 JavaScript 中的 Date 对象。

1. 数据格式

通常情况下，后端会以 ISO 8601 标准的字符串格式表示日期时间，例如：

{
  "created_at": "2022-03-15T08:12:30.000Z",
  "updated_at": "2022-04-01T11:23:45.000Z"
}

这种格式包含了日期和时间的信息，并且带有时区信息。在 JavaScript 中，可以使用 Date.parse() 方法将这种格式的字符串解析为毫秒数，然后再通过 new Date() 构造函数创建 Date 对象。

2. 解析ISO 8601标准格式

以下是一个将 ISO 8601 标准格式日期字符串转换为 Date 对象的示例代码：

const isoDateString = '2022-03-15T08:12:30.000Z';
const date = new Date(Date.parse(isoDateString));
console.log(date); // 输出：Tue Mar 15 2022 16:12:30 GMT+0800 (China Standard Time)

在这个示例中，我们首先使用 Date.parse() 方法解析传入的日期字符串，得到该日期距离 UTC 时间 1970 年 1 月 1 日 00:00:00 的毫秒数。然后通过该毫秒数创建一个新的 Date 对象，得到对应的本地时间。

需要注意的是，由于时区信息已经包含在 ISO 8601 格式字符串中，因此不需要再次指定时区。

3. 解析自定义格式日期字符串

如果 JSON 返回的日期字符串格式不是 ISO 8601 标准格式，那么就需要手动解析该日期字符串，然后通过构造函数创建 Date 对象。

例如，以下示例展示了如何将 "2022-03-15" 这样的日期格式字符串转换为 Date 对象：

const dateString = '2022-03-15';
const dateParts = dateString.split('-');
const year = dateParts[0];
const month = dateParts[1] - 1;
const day = dateParts[2];
const date = new Date(year, month, day);
console.log(date); // 输出：Tue Mar 15 2022 00:00:00 GMT+0800 (China Standard Time)

在这个示例中，我们首先使用 String.split() 方法将日期字符串拆分成年、月、日三个部分。然后使用 Date 构造函数传入这三个参数来创建 Date 对象。

需要注意的是，由于 JavaScript 中的月份是从 0 开始计数的，因此在设置月份的值之前，需要将月份值减去 1。

总结

本文介绍了如何将 JSON 中的日期数据转换为 JavaScript 中的 Date 对象。当 JSON 返回的日期字符串格式符合 ISO 8601 标准时，可以使用 Date.parse() 方法解析该字符串；当日期格式不规范时，需要手动解析日期字符串。通过本文的学习，希望读者能够更好地处理日期数据，提高前端开发效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/13477