如何在 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>

結論

我們討論了四種將浮點數轉換為整數的方法。第二種方法是最簡單的,因為它只從浮點數中解析整數。但是,使用者應該使用第三種方法,因為它是速度最快的。

更新於:2022年7月20日

5000+ 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.