在前端开发中，我们经常需要对浮点数进行取整操作。在 ECMAScript 2020 中，有几种方法可以实现这个目的。本篇文章将对这几种方法进行详细介绍，并提供示例代码，帮助读者更好地理解和运用这些技术。
方法一：Math.floor()
Math.floor() 方法返回小于或等于一个给定数字的最大整数。它将向下取整，即舍去小数部分，返回整数部分。例如，Math.floor(3.14) 的结果为 3，Math.floor(-3.14) 的结果为 -4。
示例代码：
console.log(Math.floor(3.14)); // 输出 3 console.log(Math.floor(-3.14)); // 输出 -4
方法二：Math.ceil()
Math.ceil() 方法返回大于或等于一个给定数字的最小整数。它将向上取整，即将小数部分加 1，返回整数部分。例如，Math.ceil(3.14) 的结果为 4，Math.ceil(-3.14) 的结果为 -3。
示例代码：
console.log(Math.ceil(3.14)); // 输出 4 console.log(Math.ceil(-3.14)); // 输出 -3
方法三：Math.round()
Math.round() 方法返回一个给定数字的四舍五入值。如果小数部分大于等于 0.5，则向上取整；否则向下取整。例如，Math.round(3.5) 的结果为 4，Math.round(3.4) 的结果为 3。
示例代码：
console.log(Math.round(3.5)); // 输出 4 console.log(Math.round(3.4)); // 输出 3
方法四：parseInt()
parseInt() 方法将一个字符串转换成一个整数。如果字符串中包含小数点，则小数点后面的部分将被忽略。例如，parseInt("3.14") 的结果为 3，parseInt("-3.14") 的结果为 -3。
示例代码：
console.log(parseInt("3.14")); // 输出 3
console.log(parseInt("-3.14")); // 输出 -3需要注意的是，如果字符串中不包含数字，则返回 NaN。
方法五：位运算符
位运算符是一种特殊的运算符，可以对数字进行位运算。在 ECMAScript 2020 中，我们可以使用位运算符来对浮点数进行取整操作。
- 右移运算符（>>）：将数字向右移动指定的位数，舍弃小数部分。例如，3.14 >> 0 的结果为 3，-3.14 >> 0 的结果为 -3。
- 无符号右移运算符（>>>）：将数字向右移动指定的位数，舍弃小数部分。与右移运算符不同的是，它忽略符号位，始终返回正数。例如，3.14 >>> 0 的结果为 3，-3.14 >>> 0 的结果为 4294967293。
示例代码：
console.log(3.14 >> 0); // 输出 3 console.log(-3.14 >> 0); // 输出 -3 console.log(3.14 >>> 0); // 输出 3 console.log(-3.14 >>> 0); // 输出 4294967293
需要注意的是，位运算符只能对 32 位整数进行操作，如果超出了这个范围，则会自动将数字转换为 32 位整数再进行运算。
总结
本篇文章介绍了 ECMAScript 2020 中对浮点数取整的几种方法，包括 Math.floor()、Math.ceil()、Math.round()、parseInt() 和位运算符。这些方法各有特点，读者可以根据实际需求选择适合自己的方法。同时，需要注意的是，在进行浮点数计算时，可能会出现精度问题，需要特别注意。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cabbeeadd4f0e0ff4997a0