如何在 JavaScript 中将浮点数转换为整数?
在本教程中,我们将学习如何在 JavaScript 中将浮点数转换为整数。整数是不包含小数部分的数字。例如,5.22 是包含小数部分的浮点数,而整数不包含小数部分。因此,本教程的目标是从数字中删除小数部分。
我们可以使用各种方法从浮点数中截取小数部分,使其变为整数,其中一些方法我们已在此处讨论过。
使用 Math.trunc() 和 Math.round() 方法
使用 parseInt() 方法
使用 按位或 (|) 运算符
从浮点数中减去小数部分
使用 Math.trunc() 和 Math.round() 方法
Math.trunc() 方法从浮点数中截取小数部分数字并将其变成整数。
Math.round() 方法将小数四舍五入为最接近的整数。例如,如果小数部分小于 0.5,则返回比当前数字更接近的较小数字,如果小数部分大于 0.5,则返回比浮点数更接近的较大数字。
语法
用户可以按照以下语法使用 Math.trunc() 和 Math.round() 方法。
let result = Math.trunc ( number ); let result = Math.round ( number );
参数
number −它是一个浮点数,我们需要将其转换为整数。
示例
在此示例中,我们将使用 Math.trunc() 和 Math.round() 方法将浮点数转换为整数。
<html> <head> <title>convert a float number to a whole number in JavaScript</title> </head> <body> <h3>Convert a float number to a whole number in JavaScript</h3> <p>Converting 42.99 to whole number using Math.trunc() method:</p> <div id="output1"></div> <p>Converting 42.99 to whole number using Math.round() method:</p> <div id="output2"></div> <script> let output1 = document.getElementById("output1"); let output2 = document.getElementById("output2"); let number = 42.99; let result = Math.trunc(number); output1.innerHTML = result; number = 42.99; result = Math.round(number); output2.innerHTML = result; </script> </body> </html>
在上面的输出中,用户可以看到 Math.trunc() 方法删除了小数部分,而 Math.round() 方法将数字四舍五入为最接近的整数。
使用 parseInt() 方法
在这种方法中,我们将使用 parseInt() 方法。在 JavaScript 中,parseInt() 方法从浮点数或字符串中提取整数。另一个最简单的解决方案是从浮点数中获取整数部分。
语法
用户可以按照以下语法使用 parseInt() 方法。
let result = parseInt( number );
示例
在下面的示例中,我们使用了 parseInt() 方法将浮点数转换为整数。
<html> <body> <h2>Convert a float number to a whole number in JavaScript</h2> <h4>Converting 22.19234 to whole number using parseInt() method:</h4> <div id="outputDiv"></div> <script> let outputDiv = document.getElementById("outputDiv"); let number = 22.19234; let res = parseInt(number); outputDiv.innerHTML = res; </script> </body> </html>
使用按位或 (|) 运算符
当我们对浮点数执行 按位或 (|) 运算时,它会从当前数字中删除小数部分并将其转换为整数。同样,用户还可以使用其他按位运算符,例如 双非 运算符 (~~)、右移 和 左移 运算符。
语法
let result = number | 0; // number 是浮点数
示例
在给定的示例中,我们将 209.54321 与 0 执行按位或运算并将其转换为整数。之后,我们使用 JavaScript 呈现了输出。
<html> <body> <h2>Convert a float number to a whole number in JavaScript</h2> <h4>Converting 209.54321 to whole number using Bitwise OR (|) operator:</h4> <div id="outputDiv"></div> <script> let outputDiv = document.getElementById("outputDiv"); let number = 209.54321; let res = number | 0; outputDiv.innerHTML = res; </script> </body> </html>
从浮点数中减去小数部分
此方法将查找浮点数的小数部分。要查找浮点数的小数部分,我们只需对数字取 1 的模数。接下来,我们将从数字中减去小数部分。
语法
let fragmentalPart = number%1; let result = number – fragmentalPart;
示例
在下面的示例中,我们通过对数字取 1 的模数来查找数字的小数部分。之后,我们从数字中减去小数部分以从中删除小数部分。
<html> <body> <h4>Converting 856.24657 to whole number by removing the fractional part:</h4> <div id="outputDiv"></div> <script> let outputDiv = document.getElementById("outputDiv"); let number = 856.24657; let fractionalPart = number % 1; let result = number - fractionalPart; outputDiv.innerHTML = result; </script> </body> </html>
结论
我们讨论了将浮点数转换为整数的四种方法。第二种方法是最简单的方法,因为它只从浮点数解析整数。但是,用户应该使用第三种方法,因为它是最快的方法。