javascript - 减少没有初始值的空数组
问题描述
我正在使用 fullcalendar-react 并且我有以下时间表,我试图获取列表的最早时间并删除关闭的日期:
export default {
monday: {
startTime: '10:00',
endTime: '23:00'
},
tuesday: {
startTime: '08:00',
endTime: '00:00'
},
wednesday: {
startTime: '09:00',
endTime: '22:00'
},
thursday: {
startTime: '14:00',
endTime: '00:00'
},
friday: undefined,
saturday: {
startTime: '13:00',
endTime: '21:00'
},
sunday: undefined
}
为了过滤关闭日期并获得最早的时间,我正在使用过滤器和减少,如下所示:
getOpeningHour() {
let value: any = "00:00:00";
if (this.props.schedule) {
const schedule = this.props.schedule; // the schedule I presented above
if (Object.keys(schedule).length >= 1) {
const minValue = Object.keys(schedule)
.filter((key) => schedule[key])
.map((key: string) => moment(schedule[key].startTime, 'HH:mm'))
.reduce((min: moment.Moment, value: moment.Moment) => (!min || value.isBefore(min) ? value : min), moment('00:00', 'HH:mm'));
// Gets the earliest hour when the list is not empty, but when I give midnight as default value, it's always midnight.
value = minValue.format('HH:mm:ss');
}
}
return value;
}
当我打开日历时,我收到此错误:
未捕获的类型错误:减少没有初始值的空数组
当列表为空时,我尝试提供, moment('00:00', 'HH:mm')
默认值,但是像这样,我的日历总是在午夜开始并忽略其余部分,我想。
- - -编辑 - - -
该代码实际上正在发挥作用,由于午夜早于 08:00,它将显示午夜。唯一的事情是仅当列表为空时才显示午夜。
当我使用 moment() 小时时,如何解决这个问题?谢谢!
解决方案
尝试moment('24:00', 'HH:mm')
:
const hourTemplate = 'HH:mm';
const getEarliersHour = schedule =>
Object.values(schedule)
.filter(value => value) // no undefined
.map(time => moment(time.startTime, hourTemplate))
.reduce(
(min, curr) => (curr.isBefore(min) ? curr : min),
moment('24:00', hourTemplate) // latest moment
)
.format(hourTemplate);
getEarliersHour(schedule); // 08:00
getEarliersHour({}); // 00:00
演示:
推荐阅读
- laravel - Twitter API - 代表用户发布状态/推文
- android - Firebase 存储不在 webview 上显示图像
- spring - 使用 Spring 4.x 的 Solace 连接问题
- visual-studio - “代码 。” 命令无法从 mac 终端打开 Visual Studio Code 运算符
- c++ - 在 MPI 中发送和接收数组
- javascript - 单击时呈现带有单个组件的页面
- robots.txt - 如何取消阻止 robots.txt 文件中的资源?
- vba - 验证列表中的用户输入值
- docker - 在 docker 容器中运行黄瓜和水豚
- android - 将酷格式转换为两位小数