javascript - 很多 if else 的更好方法

Question

我有一个函数可以根据 slider 的值更改背景颜色

有 35 种不同的颜色，我现在使用这个代码(当然它更长)

if (value < 25) {
    color = '#FFFFFF';
} else if (value > 25 && value < 50) {
    color = '#F8F8F8';
} else if (value > 50 && value < 75) {
    color = '#F0F0F0 ';
}

有没有办法缩短它？

Answer 1

如果您以 25 递增，则创建一个颜色数组:

var colors = ['#FFFFFF', '#F8F8F8', '#F0F0F0 ', ... ]

然后做一些数学运算，看看要使用哪个索引。

color = colors[(value - (value % 25)) / 25];

---

或者如果你愿意:

color = colors[Math.floor(value / 25)];