在前端开发中，日期和时间操作是非常常见的需求。JavaScript 作为一门强大的脚本语言，提供了许多日期和时间相关的 API，如 Date、Moment.js 等。但是在实际开发中，我们仍然会遇到一些日期和时间操作的问题，比如将日期转换为指定格式、获取某一时间段内的所有日期等。本文将介绍如何利用 ECMAScript 2019 的 Object.fromEntries 方法解决这些问题。
Object.fromEntries 方法简介
Object.fromEntries 方法是 ECMAScript 2019 新增的方法，它可以将一个包含键值对的数组转换为一个对象。该方法接收一个二维数组作为参数，其中每个子数组包含两个元素，第一个元素为键，第二个元素为值。例如：
const arr = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(arr);
console.log(obj); // {a: 1, b: 2, c: 3}将日期转换为指定格式
在实际开发中，我们经常需要将日期转换为指定的格式，比如将 2022-01-01 转换为 2022年1月1日。使用 Object.fromEntries 方法可以很方便地实现这个功能。首先，我们将需要转换的日期格式和目标格式定义为一个对象：
const formats = {
'yyyy': date => date.getFullYear(),
'MM': date => date.getMonth() + 1,
'dd': date => date.getDate(),
'HH': date => date.getHours(),
'mm': date => date.getMinutes(),
'ss': date => date.getSeconds(),
};其中，对象的属性为需要转换的日期格式，属性值为一个函数，用于从日期对象中获取对应的值。例如，'yyyy' 对应的函数用于获取年份。
接下来，我们定义一个函数，用于将日期转换为指定的格式：
function formatDate(date, format) {
const entries = Object.entries(formats);
const values = entries.map(([key, fn]) => [key, fn(date)]);
const map = Object.fromEntries(values);
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, key => map[key].toString().padStart(2, '0'));
}该函数接收两个参数，第一个参数为需要转换的日期对象，第二个参数为目标格式。函数内部先将日期对象按照格式定义对象中的函数获取对应的值，然后使用 Object.fromEntries 方法将键值对数组转换为对象。最后，使用正则表达式将目标格式中的日期格式替换为对应的值即可。
下面是一个示例：
const date = new Date('2022-01-01');
const format = 'yyyy年MM月dd日';
console.log(formatDate(date, format)); // 2022年01月01日获取某一时间段内的所有日期
在一些应用场景中，我们需要获取某一时间段内的所有日期，比如获取某一月份的所有日期。使用 Object.fromEntries 方法可以很方便地实现这个功能。首先，我们定义一个函数，用于获取某一时间段内的所有日期：
// javascriptcn.com 代码示例
function getDateRange(start, end) {
const dates = [];
let current = new Date(start);
while (current <= end) {
dates.push(new Date(current));
current.setDate(current.getDate() + 1);
}
return dates;
}该函数接收两个参数，分别为起始日期和结束日期。函数内部使用循环遍历每一天，并将每一天的日期对象保存到一个数组中。
接下来，我们定义一个函数，用于将日期数组转换为一个包含日期和星期的对象数组：
function getDatesWithWeek(dates) {
const entries = dates.map(date => {
const week = ['日', '一', '二', '三', '四', '五', '六'][date.getDay()];
return [date, week];
});
return Object.fromEntries(entries);
}该函数接收一个日期数组作为参数，函数内部使用 map 方法遍历日期数组，将每个日期对象和对应的星期保存为一个数组，并将所有数组转换为一个键值对数组。最后，使用 Object.fromEntries 方法将键值对数组转换为一个对象，其中键为日期对象，值为对应的星期。
下面是一个示例：
const start = '2022-01-01'; const end = '2022-01-31'; const dates = getDateRange(start, end); const datesWithWeek = getDatesWithWeek(dates); console.log(datesWithWeek);
输出结果如下：
// javascriptcn.com 代码示例
{
"Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)": "六",
"Sun Jan 02 2022 00:00:00 GMT+0800 (中国标准时间)": "日",
"Mon Jan 03 2022 00:00:00 GMT+0800 (中国标准时间)": "一",
"Tue Jan 04 2022 00:00:00 GMT+0800 (中国标准时间)": "二",
"Wed Jan 05 2022 00:00:00 GMT+0800 (中国标准时间)": "三",
"Thu Jan 06 2022 00:00:00 GMT+0800 (中国标准时间)": "四",
"Fri Jan 07 2022 00:00:00 GMT+0800 (中国标准时间)": "五",
"Sat Jan 08 2022 00:00:00 GMT+0800 (中国标准时间)": "六",
"Sun Jan 09 2022 00:00:00 GMT+0800 (中国标准时间)": "日",
"Mon Jan 10 2022 00:00:00 GMT+0800 (中国标准时间)": "一",
"Tue Jan 11 2022 00:00:00 GMT+0800 (中国标准时间)": "二",
"Wed Jan 12 2022 00:00:00 GMT+0800 (中国标准时间)": "三",
"Thu Jan 13 2022 00:00:00 GMT+0800 (中国标准时间)": "四",
"Fri Jan 14 2022 00:00:00 GMT+0800 (中国标准时间)": "五",
"Sat Jan 15 2022 00:00:00 GMT+0800 (中国标准时间)": "六",
"Sun Jan 16 2022 00:00:00 GMT+0800 (中国标准时间)": "日",
"Mon Jan 17 2022 00:00:00 GMT+0800 (中国标准时间)": "一",
"Tue Jan 18 2022 00:00:00 GMT+0800 (中国标准时间)": "二",
"Wed Jan 19 2022 00:00:00 GMT+0800 (中国标准时间)": "三",
"Thu Jan 20 2022 00:00:00 GMT+0800 (中国标准时间)": "四",
"Fri Jan 21 2022 00:00:00 GMT+0800 (中国标准时间)": "五",
"Sat Jan 22 2022 00:00:00 GMT+0800 (中国标准时间)": "六",
"Sun Jan 23 2022 00:00:00 GMT+0800 (中国标准时间)": "日",
"Mon Jan 24 2022 00:00:00 GMT+0800 (中国标准时间)": "一",
"Tue Jan 25 2022 00:00:00 GMT+0800 (中国标准时间)": "二",
"Wed Jan 26 2022 00:00:00 GMT+0800 (中国标准时间)": "三",
"Thu Jan 27 2022 00:00:00 GMT+0800 (中国标准时间)": "四",
"Fri Jan 28 2022 00:00:00 GMT+0800 (中国标准时间)": "五",
"Sat Jan 29 2022 00:00:00 GMT+0800 (中国标准时间)": "六",
"Sun Jan 30 2022 00:00:00 GMT+0800 (中国标准时间)": "日",
"Mon Jan 31 2022 00:00:00 GMT+0800 (中国标准时间)": "一"
}总结
本文介绍了如何利用 ECMAScript 2019 的 Object.fromEntries 方法解决日期和时间操作问题。通过将日期格式和目标格式定义为对象、使用循环获取某一时间段内的所有日期、将键值对数组转换为对象等方法，我们可以方便地实现日期和时间相关的需求。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657fa214d2f5e1655da7c74d