JavaScript - Number 对象
JavaScript Number 对象将数值数据表示为浮点数。它包含用于处理数字的各种属性(常量)和方法。通常,您无需担心 Number 对象,因为浏览器会自动将数字字面量转换为数字类的实例。
JavaScript Number 对象可以使用 Number 构造函数定义。其他类型的数据(例如字符串等)可以使用 Number() 函数转换为数字。
JavaScript 数字始终以浮点值(十进制数)的形式存储。JavaScript 不区分整数值和浮点值。 JavaScript 使用 IEEE 754 标准定义的 64 位浮点格式表示数字。
语法
创建 number 对象的语法如下 -
const val = new Number(number);
如果在 number 位置提供任何非数字参数,则该参数无法转换为数字,而是返回 NaN(非数字)。
我们还可以通过将数字值赋给变量来创建数字原语 -
let num1 = 24; let num2 = 35.65;
JavaScript 会自动将数字原语转换为 Number 对象。因此,我们可以在数字原语上使用 Number 对象的所有属性和方法。
数字属性
以下是每个属性及其说明的列表。
| 序号 | 属性和说明 |
|---|---|
| 1 |
它表示 1 与大于 1 的最小浮点数之间的差值。 |
| 2 |
它返回最大的安全整数值。 |
| 3 |
JavaScript 中数字的最大可能值为 1.7976931348623157E+308。 |
| 4 |
返回最小安全整数值。 |
| 5 |
JavaScript 中数字的最小可能值为 5E-324。 |
| 6 |
等于非数字的值。 |
| 7 |
小于 MIN_VALUE 的值。 |
| 8 |
大于 MAX_VALUE 的值。 |
| 9 |
Number 对象的静态属性。使用原型属性为当前文档中的 Number 对象分配新的属性和方法。 |
| 10 |
返回创建此对象实例的函数。默认情况下,此实例为 Number 对象。 |
Number 方法
Number 对象仅包含默认方法(实例方法和静态方法),这些方法属于每个对象定义的一部分。
实例方法
| 序号 | 方法和说明 |
|---|---|
| 1 |
强制以指数表示法显示数字,即使该数字在标准表示法范围内。 |
| 2 |
格式化数字,使其小数点后保留特定位数。 |
| 3 |
返回当前数字的字符串值版本,其格式可能因本地设置而异。 |
| 4 |
定义数字的总显示位数(包括小数点左右两位)。 |
| 5 |
返回数字值的字符串表示形式。 |
| 6 |
返回数字的值。 |
静态方法
| 序号 | 方法 & 说明 |
|---|---|
| 1 |
检查值是否为有效数字。 |
| 2 |
检查数字是否为有限数。 |
| 3 |
当数字为整数时返回布尔值值。 |
| 4 |
确保整数是安全整数。 |
| 5 |
从字符串解析浮点值。 |
| 6 |
从字符串。 |
示例
让我们通过几个示例来演示 Number 的属性和方法。
示例:创建 Number 对象
在下面的示例中,num 变量包含值为 20 的数字对象。在输出中,您可以看到 num 变量的类型是对象。
<html>
<body>
<p id = "output"> </p>
<script>
const num = new Number(20);
document.getElementById("output").innerHTML =
"num = " + num + "<br>" +
"typeof num : " + typeof num;
</script>
</body>
</html>
输出
num = 20 typeof num : object
示例:数字属性
在下面的示例中,我们显示了一些数字属性。您应该尝试打印更多属性。
<html>
<body>
<div id="output"></div>
<script>
document.getElementById("output").innerHTML =
"Max Value : " + Number.MAX_VALUE + "<br>"
+"Min Value : " + Number.MIN_VALUE + "<br>"
+"Positive Infinity : " + Number.POSITIVE_INFINITY + "<br>"
+"Negative Infinity : " + Number.NEGATIVE_INFINITY + "<br>"
+"NaN : " + Number.NaN + "<br>";
</script>
</body>
</html>
输出
Max Value : 1.7976931348623157e+308 Min Value : 5e-324 Positive Infinity : Infinity Negative Infinity : -Infinity NaN : NaN
示例:Number 方法
在下面的示例中,我们使用了 Number 的一些属性。您可以尝试编辑程序以使用更多方法。
<html>
<body>
<div id="output"></div>
<script>
const num = 877.5312
document.getElementById("output").innerHTML =
"num.toExponetial() is : " + num.toExponential()+ "<br>"
+"num.toFixed() is : " + num.toFixed() + "<br>"
+"num.toPrecision(2) is : " + num.toPrecision(2) + "<br>";
</script>
</body>
</html>
输出
num.toExponetial() is : 8.775312e+2 num.toFixed() is : 878 num.toPrecision(2) is : 8.8e+2
JavaScript Number() 函数
Number() 函数将变量转换为数字。您可以使用它来更改变量的数据类型。
let num = Number(val)
此处,val 是一个要转换为数字的变量或值。它不会创建数字对象,而是返回一个原始值。
示例
在下面的示例中,我们将整数和字符串值传递给 Number() 函数。在输出中,代码打印了这些数字值。num2 变量的类型是数字,因为 Number() 函数返回的是原始数字值。
<html>
<body>
<p id = "output"> </p>
<script>
let num = Number(10);
document.getElementById("output").innerHTML =
"num = " + num + "<br>" +
"typeof num = " + typeof num;
</script>
</body>
</html>
输出
num = 10 typeof num = number
示例:将数字字符串转换为数值
我们可以使用 Number() 函数将数字字符串转换为数值。请尝试以下示例 -
<html>
<body>
<p id = "output"> </p>
<script>
let str = "102.34";
let num = Number(str);
document.getElementById("output").innerHTML =
"num = " + num + "<br>" +
"typeof num = " + typeof num;
</script>
</body>
</html>
输出
num = 102.34 typeof num = number
使用不同的数字(例如整数、浮点数、八进制、十六进制等)尝试上述示例。

