JavaScript >> Javascript 文檔 >  >> JavaScript

如何在 JavaScript 中舍入雙精度數/浮點數

簡介

浮點數和雙精度數表示浮點數 - 帶小數點的數字。雖然這種類型是非常 適用於各種環境,取決於它們的用途,我們有時想要round 它們到一個整數 - 最接近的整數,向上或向下。

數學 對象

Math 對像用於進行常見的數學運算。因為 Math object 是一個靜態內置對象,您不能也不需要初始化它 - 它可以在任何時候作為帶有輔助方法的靜態對象調用。它有大量用於進行數學運算的常量和技術,所有這些都可以直接訪問。

讓我們看一些Math 在 JavaScript 中用於舍入雙精度/浮點數的對象的便捷方法!

​​Math.round()

Math.round() 是一個函數,用於返回四捨五入到最接近整數的浮點數的值。根據提供的 float/double,Math.round() 向上或向下舍入。

如果浮點數大於或等於 x.5 - 四捨五入向上 到最接近的整數。如果浮點數低於 x.5 , 它是四捨五入的向下 到最接近的整數:

Math.round(24.49); // 24
Math.round('29.5'); // 30
Math.round(72); // 72
Math.round(-40.51); // -41
Math.floor()

Math.floor() 方法用於返回小於或等於指定值的最接近的整數。通俗地說,floor() 方法向下舍入一個數字並返回一個整數結果:

Math.floor(75.95); //  75
Math.floor(75.05); //  75
Math.floor(4); //   4
Math.floor('-65.05'); // -66
Math.floor(-65.95); // -66

注意: Math.floor(null) 返回 0,而不是 NaN 錯誤。

Math.ceil()

Math.ceil() 方法將數字向上舍入到最接近的最大整數。簡單來說,就是用來對一個數字進行四捨五入,返回一個整數值:

Math.ceil(0.95);    // 1
Math.ceil(7);      // 7
Math.ceil('9.008');  // 10
Math.ceil(-0.95);  // -0
Math.ceil(-7);     // -7
Math.ceil(-9.008); // -10

注意: Math.ceil(null) 返回整數 0 並且不給出 NaN 錯誤。

Math.trunc()

雖然截斷不是四捨五入 - 值得一提的是 Math.trunc() 方法。它通過截斷返回數字的整數 (截斷)浮點精度,不管參數是正數還是負數:

Math.trunc(38.37);    // 38
Math.trunc(72.84);    // 72
Math.trunc(0.123);    //  0
Math.trunc(-0.13323);   // -0
Math.trunc('-1.18923'); // -1
Math.trunc(NaN);      // NaN
Math.trunc('john');    // NaN
Math.trunc();         // NaN

結論

在這篇簡短的文章中,我們在 Math.round() 的幫助下了解瞭如何在 JavaScript 中舍入雙精度數/浮點數 , Math.floor() , Math.ceil()Math.trunc() .


Tutorial JavaScript 教程
  1. 網頁設計:如果你不喜歡造型,什麼是合適的?

  2. 為您的 Chrome 擴展程序的頁面相關設置命名空間 Chrome 存儲

  3. Javascript 計時器 API

  4. 項目 63 of 100 - 帶有自定義 React Hooks 的可重用切換器

  5. 如何為不同的按鈕點擊使用相同的php函數

  6. 帶有簡單 NestJS 服務器的 CI/CD

  7. PromiseExtra.sequence

  1. 我如何構建我的第一個 Electron 應用程序,你也可以 Pt.1 – 問題、想法和技術堆棧

  2. 帶有類裝飾器的 ESlint

  3. 反應真棒揭示

  4. JavaScript如何以dd-mm-yy格式獲取明天的日期

  5. Discord.js 機器人加入語音頻道,但加入後不會運行剩餘代碼

  6. React Hooks:useMemo

  7. 機器人大戰殭屍直播 E04

  1. 使用 Vue CLI 安裝和運行 Vue JS 3 項目 [2021]

  2. 從 webWorker 訪問 localStorage

  3. 第 2 部分:React App 表現得像多頁 - Div id root 在新頁面加載時刷新。還是SPA嗎?

  4. 比較反應性模型 - React vs Vue vs Svelte vs MobX vs Solid vs Redux