利用 ES7 Array.prototype.fill 创建将 12 小时制时间转换为 24 小时制时间的方法
在前端开发中，时间转换是一个常见的需求。有时候我们需要将 12 小时制时间转换为 24 小时制时间，比如将 "08:30 PM" 转换为 "20:30"。在本文中，我们将介绍如何使用 ES7 Array.prototype.fill 方法来实现这个转换。
ES7 Array.prototype.fill 方法
ES7 Array.prototype.fill 方法是一个用于填充数组元素的方法。它接受两个参数：填充的值和起始位置。如果只传入填充的值，那么默认从数组的第一个元素开始填充。
例如，下面的代码将创建一个长度为 5 的数组，然后将数组的所有元素都填充为 0：
const arr = new Array(5).fill(0); // [0, 0, 0, 0, 0]
ES7 Array.prototype.fill 方法还接受一个可选的第三个参数，用于指定结束位置。如果不传入该参数，则默认填充到数组的最后一个元素。
例如，下面的代码将创建一个长度为 5 的数组，然后将数组的前三个元素都填充为 1：
const arr = new Array(5).fill(1, 0, 3); // [1, 1, 1, 0, 0]
利用 ES7 Array.prototype.fill 方法将 12 小时制时间转换为 24 小时制时间
现在，我们已经了解了 ES7 Array.prototype.fill 方法的基本用法。接下来，我们将使用它来实现将 12 小时制时间转换为 24 小时制时间的方法。
我们可以先将时间字符串通过空格分割成两个字符串：时间和 AM/PM。例如，将 "08:30 PM" 分割成 "08:30" 和 "PM" 两个字符串。
然后，我们将时间字符串再次分割成小时和分钟两个字符串。例如，将 "08:30" 分割成 "08" 和 "30" 两个字符串。
接下来，我们将小时字符串转换为数字。这里我们可以使用 parseInt 函数将字符串转换为数字。需要注意的是，如果字符串以 "0" 开头，那么需要指定进制为 10，否则可能会被解释为八进制数。
然后，我们判断 AM/PM 字符串的值。如果是 "PM"，则将小时数字加上 12。
最后，我们将转换后的小时和分钟拼接成字符串，使用 ES7 Array.prototype.fill 方法将其填充为长度为 2 的字符串，如果不足 2 位则在前面补 0。最后，将两个字符串拼接起来，得到最终的 24 小时制时间字符串。
下面是完整的代码实现：
-- -------------------- ---- ------- -------- -------------------- - ----- ------ ----- - --------------- --- ----- ------ ------- - ----------------------- -- ------------- ----- ----- ---- - ---- --- ----- ----- ------------- - ---- - ---- - -- - ----- ----- ------- - --------------------------------- ----- ----- --------- - -------------------------- ----- ------ -------------------------- -
使用示例：
convertTime('08:30 PM'); // "20:30"总结
本文介绍了如何使用 ES7 Array.prototype.fill 方法将 12 小时制时间转换为 24 小时制时间。我们先将时间字符串分割成小时和分钟两个字符串，然后将小时字符串转换为数字，并根据 AM/PM 字符串判断是否需要加上 12。最后，使用 ES7 Array.prototype.fill 方法将转换后的小时和分钟拼接成字符串，并在前面补 0，得到最终的 24 小时制时间字符串。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65bf0459add4f0e0ff88cc31