【前端基础】Javascript取整函数以及向零取整方式

 向零取整方式

在JavaScript中，有多种方式可以对数字进行取整操作，即去掉小数部分，只保留整数部分。其中，向0取整（也称为截断小数部分）的方式有以下几种常用的方法：

1. 使用 Math.trunc()：
   Math.trunc() 方法会去掉一个数字的小数部分，返回其整数部分，但不进行四舍五入。

   let num = 4.9;
   let truncated = Math.trunc(num); // 4
   console.log(truncated);

2. 使用按位运算符 |（按位或）：
   按位运算符 | 在处理数字时，会将操作数转换为32位整数，从而截断小数部分。

   let num = 4.9;
   let truncated = num | 0; // 4
   console.log(truncated);

3. 使用双波浪号 ~~：
   双波浪号 ~~ 也是一种按位取整的方式，效果与 | 类似，会截断小数部分。

   let num = 4.9;
   let truncated = ~~num; // 4
   console.log(truncated);

   综上所述，最推荐的方法是使用 Math.trunc()，因为它语义明确，代码易读，且性能较好。其他方法虽然也能实现向0取整的效果，但在可读性和维护性上可能稍逊一筹。
    

 常见取整函数

在JavaScript中，有多种方法可以对数字进行取整操作。这些方法各有特点，适用于不同的场景。以下是常见的几种取整函数及其详解：

1. Math.floor()
   • 功能：向下取整，即返回小于或等于给定数字的最大整数。
   • 语法：Math.floor(x)
   • 示例：

     console.log(Math.floor(4.9)); // 输出: 4
     console.log(Math.floor(-4.1)); // 输出: -5

2. Math.ceil()
   • 功能：向上取整，即返回大于或等于给定数字的最小整数。
   • 语法：Math.ceil(x)
   • 示例：

     console.log(Math.ceil(4.1)); // 输出: 5
     console.log(Math.ceil(-4.9)); // 输出: -4

3. Math.round()
   • 功能：四舍五入，即返回最接近给定数字的整数。
   • 语法：Math.round(x)
   • 示例：

     console.log(Math.round(4.5)); // 输出: 5
     console.log(Math.round(4.4)); // 输出: 4
     console.log(Math.round(-4.5)); // 输出: -4

4. Math.trunc()
   • 功能：移除小数部分，只保留整数部分，不进行四舍五入。
   • 语法：Math.trunc(x)
   • 示例：

     console.log(Math.trunc(4.9)); // 输出: 4
     console.log(Math.trunc(-4.1)); // 输出: -4

     位运算符取整

     • 功能：通过位运算符 |、^、&、~、<<、>>、>>> 可以将浮点数转换为整数，相当于去掉小数部分（类似 Math.trunc，但仅对32位整数有效）。
     • 示例：

       console.log(4.9 | 0); // 输出: 4
       console.log(-4.1 | 0); // 输出: -4

     • 注意：位运算符取整仅适用于32位整数范围（-231-1），超出范围会导致精度丢失。

5. 双否定（Double Negation）
   • 功能：通过双否定操作将浮点数转换为整数（相当于 Math.trunc）。
   • 示例：

     console.log(~~4.9); // 输出: 4
     console.log(~~-4.1); // 输出: -4

   • 注意：双否定操作对超出JavaScript安全整数范围的数字无效。
6. 字符串转换
   • 功能：通过字符串转换并截取整数部分来取整。
   • 示例：

     console.log(parseInt(4.9)); // 输出: 4
     console.log(parseInt(-4.1)); // 输出: -4

   • 注意：这种方法依赖于字符串转换，性能可能不如其他内置方法。
7. toFixed() 后转整数
   • 功能：通过 toFixed() 方法将数字转换为指定小数位数的字符串，然后转换为整数。
   • 示例：

     const num = 4.9;
     console.log(parseFloat(num.toFixed(0))); // 输出: 5
     const num2 = -4.1;
     console.log(parseFloat(num2.toFixed(0))); // 输出: -4

   • 注意：toFixed() 方法返回的是字符串，需要再次转换为数字。

总结

• Math.floor()：向下取整。
• Math.ceil()：向上取整。
• Math.round()：四舍五入。
• Math.trunc()：移除小数部分。
• 位运算符：通过位操作移除小数部分（32位整数范围内有效）。
• 双否定：通过双否定操作移除小数部分（32位整数范围内有效）。
• 字符串转换：通过字符串转换并截取整数部分。
• toFixed() 后转整数：通过 toFixed() 方法转换为字符串后再转为整数。

每种方法都有其适用的场景和限制，选择时需根据具体需求进行权衡。