Math.ceil()向上取整、Math.floor()向下取整，均返回整数：ceil取≥x的最小整数（如Math.ceil(-2.9)→-2），floor取≤x的最大整数（如Math.floor(-2.1)→-3），适用于分页、计费等需明确边界的场景。
Math.ceil() 和 Math.floor() 是 JavaScript 中用于数值取整的两个基础方法，它们不依赖四舍五入规则，而是严格按数学定义执行“向上”或“向下”取整，特别适合对业务逻辑中需要明确边界控制的场景（如分页数、库存拆分、费用分摊、计费单位换算等）进行精确处理。
理解核心行为：不是四舍五入，而是方向性截断
这两个方法作用于浮点数，返回值始终为 整数（number 类型）：
-
Math.ceil(x)：返回大于或等于 x 的最小整数。例如：
Math.ceil(3.1) → 4，Math.ceil(-2.9) → -2，Math.ceil(5) → 5 -
Math.floor(x)：返回小于或等于 x 的最大整数。例如：
Math.floor(3.9) → 3，Math.floor(-2.1) → -3，Math.floor(0.0) → 0
注意：负数的取整方向容易混淆——ceil 向数轴正方向靠拢，floor 向负方向靠拢，和日常说的“向上/向下”需结合坐标系理解。
常见业务场景与写法示例
以下写法均假设原始计算结果为 number 类型，无需额外类型转换：
-
分页总页数计算（必须向上取整）：
const totalPages = Math.ceil(totalCount / pageSize);
// 例如 103 条数据、每页 10 条 → Math.ceil(10.3) = 11 页 -
按整箱发货所需箱数（向上取整）：
const boxesNeeded = Math.ceil(itemsCount / itemsPerBox); -
优惠券最低起订量限制（向下取整）：
const validQuantity = Math.floor(userInputQty);
// 用户输入 8.7 件 → 按 8 件参与满减，避免超量计算 -
阶梯计费中归属档位（向下取整后查表）：
const tierIndex = Math.floor(usageAmount / tierStep);
// 用量 2450，每 1000 一档 → tierIndex = 2（对应第 3 档，索引从 0 开始）
注意事项与避坑提示
-
输入必须是有效数字：传入 null、undefined、字符串（非纯数字）、NaN 会返回 NaN，建议前置校验或使用
Number()转换； -
小数精度问题可能干扰结果：如
0.1 + 0.2 === 0.30000000000000004，直接对这类结果调用 ceil/floor 可能出人意料，必要时先用parseFloat(val.toFixed(10))或乘除法归一化； - 不要和 parseInt 混用：parseInt("3.9") 返回 3，但它是按字符串解析且忽略小数点后内容，不具备数学取整语义，也不处理负数逻辑；
- 服务端一致性很重要：若前后端都需要同样取整逻辑（如分页），确保双方使用相同函数和输入精度，避免因 JS 浮点误差或语言差异导致页数不一致。
扩展：封装成可复用的工具函数
为提升可读性和复用性，可简单封装：
- const ceilTo = (num, precision = 1) => Math.ceil(num * precision) / precision;
// 支持小数位向上取整：ceilTo(3.1415, 100) → 3.15（保留两位小数向上） - const floorTo = (num, precision = 1) => Math.floor(num * precision) / precision;
- const safeCeil = (val) => Number.isFinite(val) ? Math.ceil(val) : 0;
这类封装可在项目 utils 中统一管理，避免重复判断和精度处理。
