如何掌握JS中时间格式化的三种方法？

2023-09-20 23:16:37

深入探究JS中的时间格式化

在JavaScript中，时间格式化是一种将日期和时间值转换为可读字符串的技巧。这在许多不同的应用程序中都非常有用，例如日志记录、报告和用户界面。

有许多不同的方法可以格式化JavaScript中的时间。本文将介绍三种最常用的方法：

1. 正则处理（优）

正则处理是一种使用正则表达式来格式化时间的简单而灵活的方法。正则表达式是一种强大的文本搜索和操作工具，可以用于执行各种复杂的字符串操作。

要使用正则表达式格式化时间，首先需要创建一个正则表达式，该表达式将匹配您想要格式化的日期和时间部分。例如，以下正则表达式将匹配年月日、时分秒：

/^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/

一旦您创建了正则表达式，就可以使用它来格式化时间字符串。要做到这一点，您可以使用String对象的replace()方法。replace()方法将使用提供的正则表达式替换字符串中的所有匹配项。

例如，以下代码使用上面的正则表达式将时间字符串“2023-08-10 13:45:20”格式化为“08/10/2023 13:45 PM”：

const timeString = "2023-08-10 13:45:20";
const regex = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/;
const formattedTime = timeString.replace(regex, "$2/$3/$1 $4:$5 PM");
console.log(formattedTime); // 输出: 08/10/2023 13:45 PM

正则处理是一种非常灵活的方法，可以用于格式化任何类型的时间字符串。然而，它也可能有点复杂，特别是如果您不熟悉正则表达式。

2. 字符串截取方式（良）

字符串截取方式是一种格式化时间的简单而直接的方法。这种方法涉及使用String对象的slice()或substring()方法来从时间字符串中提取所需的部分。

例如，以下代码使用slice()方法从时间字符串“2023-08-10 13:45:20”中提取年月日部分：

const timeString = "2023-08-10 13:45:20";
const dateString = timeString.slice(0, 10);
console.log(dateString); // 输出: 2023-08-10

字符串截取方式是一种简单而直接的方法，可以用于格式化任何类型的时间字符串。然而，这种方法也可能有点脆弱，因为如果时间字符串的格式发生变化，则代码可能会中断。

3. 字符串截取结合简单正则处理（优）

字符串截取结合简单正则处理是一种将字符串截取方式和正则处理相结合的方法。这种方法涉及使用正则表达式从时间字符串中提取所需的部分，然后使用String对象的slice()或substring()方法来提取所需的部分。

例如，以下代码使用正则表达式从时间字符串“2023-08-10 13:45:20”中提取年月日部分，然后使用slice()方法来提取所需的部分：

const timeString = "2023-08-10 13:45:20";
const regex = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/;
const dateString = timeString.slice(0, regex.lastIndex);
console.log(dateString); // 输出: 2023-08-10