如何在 JavaScript 中对数字进行四舍五入?

javascriptweb developmentfront end technology更新于 2024/6/20 16:42:00

在本教程中,我们将讨论如何在 JavaScript 中对数字进行四舍五入。JavaScript 中的"Math"下有一个名为"ceil"的属性,借助此属性,我们可以轻松地在 JavaScript 中对数字进行四舍五入。Ceil() 是一个数学函数,用于计算大于或等于 x 的整数 x。如果 x 的十进制值为零或为简单整数,则返回 x,如果数字为十进制数(x.yz,此处 yz 为非零数),则返回 x+1。

语法

var x = A.B
var value = Math.ceil(x);

在上述语法中,首先,我们创建变量"x",其中包含值"A.B",然后我们创建另一个变量"value",在该变量中,我们通过应用 Math.ceil 属性将数字四舍五入来分配整数 x。

算法

我们已经了解了四舍五入数字的语法,让我们逐步查看完整的算法,以更好地理解它 -

  • 步骤 1 - 首先,我们需要一个变量,该变量将是实数,可能包含一些小数部分,也可能不包含小数部分。

  • 步骤 2 - 稍后我们将在当前数字上使用 Math.ceil() 属性。

  • 步骤 3 - Math.ceil() 函数将返回一个整数,返回值不包含任何小数部分。

  • 步骤 4 - 如果传递给 Math.ceil() 函数的数字是真整数,则意味着其小数部分为零,然后它将返回相同的数字。

  • 步骤 5 - 如果传递给 Math.ceil() 函数的数字是小数部分非零的数字,则该函数将使其小数部分等于零,并将下一个数字返回到剩余的数字。

我们已经了解了如何在 javascript 中对数字进行四舍五入的一些基本步骤,现在让我们看一些示例以更好地理解上面定义的步骤。

示例 1

在此示例中,我们将使用上面定义的语法对数字进行四舍五入。

<html> <head> <title>JavaScript Math ceil() Method</title> </head> <body> <script> var x = 4; var value1 = Math.ceil( x ); document.write("First Test Value: " + value1 ); var y = 30.2; var value2 = Math.ceil( y ); document.write("<br />Second Test Value: " + value2 ); var z = 2.7; var value3 = Math.ceil( z ); document.write("<br />Second Test Value: " + value3 ); </script> </body> </html>

在上面的例子中,我们将 Math.ceil() 属性应用于三个不同的变量 x、y 和 z。首先,我们创建变量"x",它是一个整数,因此当我们将 Math.ceil 属性应用于它并将该值分配给变量"value1"时,我们在 document.write 的帮助下打印该值并返回 x。

同样,我们对变量 y 和 z 做了同样的事情。它们都是十进制数,因此在将属性 Math.ceil 应用于它们后,它们分别返回 y+1 和 z+1。

注意 - 与 ceil() 函数类似,我们有 floor() 函数。顾名思义,ceil 表示上方,floor() 表示下方,它会减少一个数字。如果给定的数字是小数部分为零的完全整数,则与 ceil() 函数一样,floor() 函数不会执行任何运算,但如果作为参数传递的数字的小数部分非零,则 floor() 函数将删除小数部分并返回剩余的整数部分。

示例 2

<html> <head> <title>JavaScript Math floor() Method</title> </head> <body> <script> var x = 4; var value1 = Math.floor( x ); document.write("First Test Value: " + value1 ); var y = 30.2; var value2 = Math.floor( y ); document.write("<br />Second Test Value: " + value2 ); var z = 2.7; var value3 = Math.floor( z ); document.write("<br />Second Test Value: " + value3 ); </script> </body> </html>

在上面的例子中,我们将 Math.floor() 属性应用于三个不同的变量 x、y 和 z。首先,我们创建变量"x",它是一个整数,因此当我们将 Math.floor 属性应用于它并将该值分配给变量"value1"时,我们在 document.write 的帮助下打印该值,它返回 x。

结论

在本教程中,我们学习了如何在 JavaScript 中对数字进行四舍五入。JavaScript 中有一个名为"Math.ceil"的属性,借助此属性,我们可以轻松地对数字进行四舍五入。我们需要四舍五入的数字基本上有两种,即十进制数和非十进制数。

对于十进制数,该属性返回原始数字加一,对于非十进制数,它返回与实际数字相同的数字。


相关文章