如何将宽度上限控制逻辑转换为数学公式？附实现代码

嘿，这个需求刚好可以用JavaScript里的Math.min()函数来完美简化——它本质上就是帮你取两个值里的较小值，完全对应你原来的“乘积小于上限就用乘积，否则用上限”的逻辑，完全不需要写if-else分支。

简化后的代码 #

const ceiling = 100;
const incrementSize = 10;
const width = `${Math.min(score * incrementSize, ceiling)}%`;
divj.style.width = width;

逻辑对应的数学表达 #

如果要用纯数学公式来描述这个逻辑，就是取两个值的最小值：
$$ width_{\text{percent}} = \min(score \times incrementSize,\ ceiling) $$

Math.min()就是JavaScript对这个数学公式的直接实现，它会自动比较score * incrementSize和ceiling的大小，返回较小的那个值，再通过模板字符串拼接成百分比格式，比原来的条件判断写法简洁太多，逻辑也更直观。

内容的提问来源于stack exchange，提问作者John O Sullivan