如何在 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>結論
我們討論了將浮點數轉換為整數的四種方法。第二種方法是最簡單的方法,因為它只從浮點數中解析整數。但是,使用者應該使用第三種方法,因為它是最快的方法。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP