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 位。

<p>整数最多为 15 位。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>
  function myFunction() {
    var x = 999999999999999;
    var y = 9999999999999999;
    document.getElementById("demo").innerHTML = x + "<br>" + y;
  }
</script>

尝试一下 »

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

<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>

尝试一下 »

八进制和十六进制

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

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

尝试一下 »


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

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

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

<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>

尝试一下 »

无穷大（Infinity）

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

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

尝试一下 »

除以0也产生了无限:

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

尝试一下 »

NaN - 非数字值

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

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

<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>

尝试一下 »

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

<p id="demo"></p>
<script>
  var y = 1000 / 0;
  document.getElementById("demo").innerHTML = isNaN(y);
</script>

尝试一下 »

数字可以是数字或者对象

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

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

<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>

尝试一下 »

<p id="demo"></p>

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

尝试一下 »

数字属性

  • MAX_VALUE
  • MIN_VALUE
  • NEGATIVE_INFINITY
  • POSITIVE_INFINITY
  • NaN
  • prototype
  • constructor

数字方法

  • toExponential()
  • toFixed()
  • toPrecision()
  • toString()
  • valueOf()