阅读(199)

JavaScript Number 对象

最后一次修改 2017年08月07日

JavaScript Number 对象


JavaScript 只有一种数字类型。

可以使用也可以不使用小数点来书写数字。


JavaScript 数字

JavaScript 数字可以使用也可以不使用小数点来书写:

实例

var pi=3.14;    // 使用小数点
var x=34;       // 不使用小数点

极大或极小的数字可通过科学(指数)计数法来写:

实例

var y=123e5;    // 12300000
var z=123e-5;   // 0.00123


所有 JavaScript 数字均为 64 位

JavaScript 不是类型语言。与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数、短、长、浮点等等。

在JavaScript中,数字不分为整数类型和浮点型类型,所有的数字都是由 浮点型类型。JavaScript采用IEEE754标准定义的64位浮点格式表示数字,它能表示最大值为±1.7976931348623157 x 10308,最小值为±5 x 10 -324

值 (aka Fraction/Mantissa)指数Sign
52 bits (0 - 51) 11 bits (50 - 62)1 bit (63)


精度

整数(不使用小数点或指数计数法)最多为 15 位。

小数的最大位数是 17,但是浮点运算并不总是 100% 准确:

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>

<script>
var x;
document.write("<p>仅显示17位: ");
x=12345678901234567890;
document.write(x + "</p>");
document.write("<p>0.2 + 0.1 = ");
x=0.2+0.1;
document.write(x + "</p>");
document.write("<p>可以通过乘以10或除以10来计算: ");
x=(0.2*10+0.1*10)/10;
document.write(x +"</p>");
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


八进制和十六进制

如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果前缀为 0 和 "x",则解释为十六进制数。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>

<script>
var y = 0377;
var z = 0xFF; 
document.write(y + "<br>");
document.write(z + "<br>");
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

lamp.jpg绝不要在数字前面写零,除非您需要进行八进制转换。 

默认情况下,JavaScript 数字为十进制显示。

但是你可以使用 toString() 方法 输出16进制、8进制、2进制。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>

<script>
var myNumber = 128;
document.write(myNumber + ' 十进制<br>');
document.write(myNumber.toString(16) + ' 十六进制<br>');
document.write(myNumber.toString(8) + ' 八进制<br>');
document.write(myNumber.toString(2) + ' 二进制<br>');
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


无穷大(Infinity)

当数字运算结果超过了JavaScript所能表示的数字上限(溢出),结果为一个特殊的无穷大(infinity)值,在JavaScript中以Infinity表示。同样地,当负数的值超过了JavaScript所能表示的负数范围,结果为负无穷大,在JavaScript中以-Infinity表示。无穷大值的行为特性和我们所期望的是一致的:基于它们的加、减、乘和除运算结果还是无穷大(当然还保留它们的正负号)。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>

<script>
myNumber=2;
while (myNumber!=Infinity){
	myNumber=myNumber*myNumber;
	document.write(myNumber +'<BR>');
}
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

除以0也产生了无限:

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>

<script>
var x = 2/0;
var y = -2/0;
document.write(x + "<br>");
document.write(y + "<br>");
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


NaN - 非数字值

NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。

你可以使用 isNaN() 全局函数来判断一个值是否是 NaN 值。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>
	
<p>一个数字除以一个字符串结果不是一个数字</p>
<p>一个数字除以一个字符串数字结果是一个数字</p>
<p id="demo"></p>
<script>
var x = 1000 / "Apple";
var y = 1000 / "1000";
document.getElementById("demo").innerHTML = isNaN(x) + "<br>" + isNaN(y);
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

除以0是无穷大,无穷大是一个数字:

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>
	
<p id="demo"></p>
<script>
var y = 1000 / 0;
document.getElementById("demo").innerHTML = isNaN(y);
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


数字可以是数字或者对象

数字可以私有数据进行初始化,就像 x = 123;

JavaScript 数字对象初始化数据, var y = new Number(123);

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>
<p id="demo"></p>

<script>
var x = 123;              // x 是一个数字
var y = new Number(123);  // y 是一个对象
var txt = typeof(x) + " " + typeof(y);
document.getElementById("demo").innerHTML=txt;
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html教程(html.cn)</title>
</head>
<body>
<p id="demo"></p>

<script>
var x = 123;              // x 是一个数字
var y = new Number(123);  // y 是一个对象
document.getElementById("demo").innerHTML = x===y;
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



数字属性

  • MAX_VALUE

  • MIN_VALUE

  • NEGATIVE_INFINITY

  • POSITIVE_INFINITY

  • NaN

  • prototype

  • constructor


数字方法

  • toExponential()

  • toFixed()

  • toPrecision()

  • toString()

  • valueOf()