如何在 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() 方法。parseInt() 方法从 JavaScript 中的浮点数或字符串中提取整数。另一种最简单的解决方案是从浮点数中获取整数部分。
语法
用户可以按照以下语法使用 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>使用按位或 (|) 运算符
当我们对浮点数执行与 0 的按位或 (|) 运算时,它会去除当前数字的小数部分,并将其转换为整数。同样,用户也可以使用其他按位运算符,例如双非运算符 (~~)、右移和左移运算符。
语法
let result = number | 0; // number is the float 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 fractionalPart = number%1; let result = number – fractionalPart;
示例
在下面的例子中,我们通过取数字对 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>结论
我们讨论了四种将浮点数转换为整数的方法。第二种方法是最简单的,因为它只从浮点数中解析整数。但是,用户应该使用第三种方法,因为它是速度最快的。
数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP