JavaScript >> Javascript 文檔 >  >> JavaScript

使用 ceil()、floor() 和 round() 在 JavaScript 中舍入數字

簡介

JavaScript 提供了三種不同的方法來實現這個目標:round() 方法,ceil() 方法和 floor() 方法。

這些都是Math的靜態方法 目的。這意味著它們將通過 Math.method_name() 直接調用 ,而不是作為 Math 實例的方法 對象 - Math 沒有構造函數。

注意: 這些方法只能在數字上調用,其他一切都將導致 NaN 價值。唯一的例外是在 null 上調用它時 - 在 null 上調用方法 將始終返回 0。

ceil() 方法

這個方法的名字其實是ceiling這個詞的縮寫 - 所以它的名字會自動敲響警鐘,它將一個數字四捨五入到比當前數字大的最接近的整數值 .

如果數字已經是一個整數 - 沒有什麼可以四捨五入,所以它會簡單地返回整數:

let x = 4.7
console.log(Math.ceil(x))
// Output: 5

let y = -3.2
console.log(Math.ceil(y))
// Output: -3

let z = "something not a number"
console.log(Math.ceil(z))
// Output: NaN

console.log(Math.ceil(null))
// Output: 0

您將使用 ceil() 當你特別 想四捨五入到下一個上限。 5.1 舍入為 6 , 所以如果你想四捨五入到 最近的 整數,您將使用 round() 函數,將在本指南的後面部分介紹。

floor() 方法

類似於 ceil() , floor() 的方法也經過精心挑選以適應其目的。它將整數四捨五入為小於當前整數的最接近的整數:

let x = 4.7
console.log(Math.floor(x))
// Output: 4

let y = -3.2
console.log(Math.floor(y))
// Output: -4

let z = "something not a number"
console.log(Math.floor(z))
// Output: NaN

console.log(Math.floor(null))
// Output: 0

round() 方法

round() 方法可以看成是二合一的方法,同時包含ceil()floor() .它將數字四捨五入到最接近的整數 - 它可以是 "ceils" 數字,或“樓層” 它,基於它的價值:

let x = 4.7
console.log(Math.round(x))
// Output: 5

let y = 4.2 
console.log(Math.round(y))
// Output: 4

let z = 4.5
console.log(Math.round(z))
// Output: 5

console.log(Math.round(null))
// Output: 0

x.49 以內的所有內容 將四捨五入到較低的值,而高於該值的所有值將四捨五入到較高的值。

結論

在這篇快速文章中,我們了解了一些可用於在 JavaScript 中舍入非整數的方法。本文需要注意的一些要點是:

  • Math.ceil() - 將數字四捨五入到更高 價值
  • Math.floor() - 將數字四捨五入到一個更低的 價值
  • Math.round() - 將數字四捨五入到較低或較高的值,取決於數字
  • 使用 null 調用時 作為參數,方法總是返回 0
  • 當使用除數字或空值以外的任何參數作為參數調用時,方法總是返回 NaN

Tutorial JavaScript 教程
  1. 在 React 應用程序中使用 Bootstrap 4 的不同方式

  2. 在 15 分鐘內構建去中心化網絡聊天

  3. 使用 React Native Toolkit 使用屏幕共享構建視頻流應用

  4. Firefox 中的分代垃圾收集

  5. 使用 Fusuma 和 markdown 輕鬆演示

  6. 添加選項以使用 javascript 進行選擇

  7. #30DaysOfCJS:預算建設

  1. 在輸入類型 date 中設置日期

  2. 編寫 Ramda Ramp-Up 指南

  3. 使用 FL Chart 在 Flutter 中構建漂亮的圖表

  4. 堆棧 pt2:O(1) 最大值

  5. 我作為開發人員的第一次黑客馬拉松

  6. 在 NodeJS 中驗證 Google Chat 請求

  7. JavaScript 的動態模塊模式!動態加載 JavaScript 包。

  1. 習慣追踪器

  2. Calm Technology - CTA 火車跟踪器

  3. [第 2 部分] 編寫和應用自定義 Vuepress 主題

  4. 為 React 應用程序創建表單驗證鉤子