javascript - 有没有更简洁的方法在 js 中编写一组基于时间的条件？

Question

嘿，所以我有以下代码，但很好奇是否有速记或更好/更简洁的方法来编写这样一段看似繁琐的代码。

var time = new Date().getHours();
var greet;

if ( time >= 0 && time < 4 ) {

    greet = 'Wow you\'re up late! Good morning.';
}

else if ( time >= 4 && time < 12 ) {

    greet = 'Good morning.';
}

else if ( time >= 12 && time < 17 ) {

    greet = 'Good afternoon.';
}

else if ( time >= 17 && time <= 23 ) {

    greet = 'Good evening.';
}

document.querySelector('.js-greet').innerHTML = greet;

如有任何见解，我们将不胜感激。

Answer 1

另一种选择

let time = new Date().getHours();

let hours = [4, 12, 17, 24];
let greetings = ['Wow you\'re up late! Good morning.', 'Good morning.', 'Good afternoon.', 'Good evening.'];

console.log(greetings[hours.findIndex(hour => hour > time)]);