JavaScript 中 Math.floor() 和 parseInt() 的区别

JavaScript 中的 Math.floor() 和 parseInt() 方法虽然都可以用来对数值进行取整操作，但它们在功能、用途以及处理不同类型数据时的行为上有显著的区别：

Math.floor()：

• 功能：Math.floor() 是 Math 对象的一个方法，专门用于对浮点数进行向下取整。即它会返回小于或等于给定数值的最大整数。例如，Math.floor(3.7) 返回 3，Math.floor(-2.½) 返回 -3。
• 参数：它直接接受一个数值作为参数，预期输入是一个数字。如果传入非数字值（如字符串形式的数字），除非该字符串可以直接被 JavaScript 引擎隐式转换为数字，否则通常会抛出 TypeError 异常。
• 应用场景：主要适用于对已知为数字类型的变量进行精确的数学计算，尤其是处理浮点数时需要将其向下取整到最接近的整数。

parseInt()：

• 功能：parseInt() 是一个全局函数，其主要目的是将字符串解析为整数。它会扫描字符串的开头，尝试找到一个整数序列，并根据指定的基数（默认为10）转换该序列到对应的整数值。一旦遇到非数字字符，解析过程立即停止。例如，parseInt("123abc") 返回 123，parseInt("1101", 2) 返回二进制数 1101 转换为十进制的 13。
• 参数：它接受两个参数：要解析的字符串和可选的基数（默认为10）。基数决定了字符串中数字字符所代表的数值范围（如二进制、八进制、十进制、十六进制等）。
• 处理非数字字符串：如果提供的字符串无法被解析为有效的整数（例如空字符串、全非数字字符的字符串、或者以非数字字符开头的字符串），parseInt() 将返回 NaN。
• 应用场景：主要用于从用户输入、JSON数据、网页元素属性等来源获取字符串形式的数值，并将其转换为整数类型。特别适合处理可能包含额外文本或特定前缀、后缀的字符串，需要提取其中的整数部分。

总结区别：

1. 数据类型：Math.floor() 期待并直接处理数值类型，而 parseInt() 主要处理字符串类型，并尝试从中解析出整数。
2. 非数字处理：当传入非数字字符串时，Math.floor() 通常会抛出错误，而 parseInt() 会返回 NaN。
3. 浮点数取整：两者都可以用于浮点数取整，但 Math.floor() 直接对数值进行向下取整，而 parseInt() 在处理浮点数字符串时会丢弃小数部分，相当于向下取整。
4. 基数：parseInt() 允许指定基数来解析不同进制的数字字符串，而 Math.floor() 不涉及进制转换，仅针对十进制数值。

因此，尽管在某些特定场景下（如处理不含小数的十进制数字字符串）两者的取整效果可能看起来相似，但它们的设计目的和适用情况是不同的。选择使用哪一个方法应根据实际的数据类型（数值或字符串）和具体需求（是否涉及进制转换、是否需要解析含有非数字字符的字符串等）来确定。