1. Math.floor 的基本用法与语义
1.1 语义与返回值
Math.floor 是 JavaScript 中用于“向下取整”的函数，其核心语义是：将一个数值向下取整到最近的整数，结果总是小于等于原始数值。无论输入是正数、负数还是非数值，返回值都遵循“向下取整”的规则，即便输入为小数也会得到一个整数结果。
需要注意的是，输入会先被强制转换为 Number类型，因此字符串、布尔值等都可能影响结果；对于不能转换为有效数字的输入，结果为 NaN。此外，对无限大（Infinity）的取整会维持 Infinity。
下面的示例帮助理解上述语义：
console.log(Math.floor(3.7)); // 3
console.log(Math.floor(-2.9)); // -3
console.log(Math.floor("4.2")); // 4
console.log(Math.floor("abc")); // NaN
1.2 常见示例
在日常前端开发中，Math.floor 常用于需要将数值向下取整以确定区间、页码或时间单位等场景。通过简单的示例，可以快速看出它的稳定行为。
示例一展示正数取整的直观效果，示例二展示负数取整的特殊性：
console.log(Math.floor(3.9)); // 3
console.log(Math.floor(-3.1)); // -4
在这两个示例中，正数向下取整得到更小的整数，负数则进一步“往下”跨过零点，这是理解其在分组和区间计算中的关键点。
2. Math.floor 的适用场景与典型用法
2.1 前端分页中的取整计算
在分页实现中，常需要将一个线性索引映射到页码，或者将数据切分到若干页。此时，使用 Math.floor 进行除法运算是不二之选，因为它能确保每一页包含正确数量的条目，且页码以 0 为起点时十分直观。
一个常见的做法是：页码 = Math.floor(index / pageSize)，其中 index 从零开始，pageSize 是每页显示的条目数。这种写法在滚动加载和虚拟列表中也很常用，因为它只依赖简单的整除逻辑。
const pageSize = 20;
function getPageIndex(index) {return Math.floor(index / pageSize);
}console.log(getPageIndex(0)); // 0
console.log(getPageIndex(19)); // 0
console.log(getPageIndex(20)); // 1
此外，如果要把页码用于显示给用户，通常还需要再加上 1，因为大多数用户习惯从 1 开始计页：pageDisplay = Math.floor(index / pageSize) + 1。
2.2 将时间单位转化为分钟和秒
时间处理中，常常需要把总秒数拆分成分钟和秒。Math.floor 可以用于从总秒数中提取完整的分钟数，剩余的秒数可以通过取模运算得到。
下面给出一个分钟-秒钟的简单示例，帮助你理解时间格式化的快速实现：
const totalSeconds = 125;
const minutes = Math.floor(totalSeconds / 60); // 2
const seconds = totalSeconds % 60; // 5
console.log(minutes + "分" + seconds + "秒"); // 2分5秒
在该场景中，floor 的作用是确保分钟数为完整的整分单位，而剩余部分通过取模运算获得。这是前端页面展示时间、计时器或动画时序时的常用技巧。
3. Math.floor 的常见坑与注意事项
3.1 负数与向下取整的行为
与直觉相反，负数的向下取整会更小，而不是“向零取整”的简单折中。这在处理带符号的区间、排序或边界条件时需要特别注意。
示例展示了对负数的取整行为，帮助你设计边界条件时避免误差：
console.log(Math.floor(-0.1)); // -1
console.log(Math.floor(-1.999)); // -2
3.2 字符串、NaN 与类型转换
Math.floor 的参数会被强制转换为 Number。这意味着字符串、空值、布尔值等都可能导致非预期结果，尤其是无法解析成有效数字的输入会返回 NaN。
处理输入数据时，牢记对数据进行必要的校验，避免把 NaN 应用在需要整数的逻辑里：
console.log(Math.floor("3.14")); // 3
console.log(Math.floor("abc")); // NaN
console.log(Math.floor(undefined)); // NaN
3.3 浮点精度问题与大整数边界
浮点数在计算机中的表示并非精确，0.1 + 0.2 的和并不等于严格的 0.3，这会导致取整时意外的结果。你需要理解这背后的数值误差，才能在 UI 显示和业务逻辑上做出正确判断。
示例展示了常见的浮点误差与取整行为的关系：
console.log(0.1 + 0.2); // 0.30000000000000004
console.log(Math.floor(0.1 + 0.2)); // 0
此外，当处理非常大的整数时，Number 的安全整数范围有限，超过 Number.MAX_SAFE_INTEGER 的整数在表示和运算时会出现不可预期的结果。若业务需要高精度的整数运算，应该避免将大整数直接用于 Math.floor，或者考虑使用 BigInt（注意 BigInt 不能直接与 Number 混用）。
// 大数精度问题演示
console.log(Math.floor(9007199254740991.9)); // 9007199254740991
console.log(9007199254740991 + 1 === 9007199254740991); // true
在实际开发中，遇到大整数场景时，通常需要额外的数值处理策略，例如分段计算、字符串转数等，避免直接依赖 Math.floor 对超大数的直接取整。
