参考手册
JAVASCRIPT 教程
JavaScript 数字
JavaScript 数组

JavaScript 数值方法

JavaScript 数值方法是专门用于处理数值类型的数据，比如字符串转数字，数字四舍五入等。

Number 方法和属性

原始值（比如 3.14 或 2016），无法拥有属性和方法（因为它们不是对象）。

但是通过 JavaScript，方法和属性也可用于原始值，因为 JavaScript 在执行方法和属性时将原始值视作对象。

toString() 方法

toString() 以字符串返回数值。

所有数字方法可用于任意类型的数字（字面量、变量或表达式）：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数字</h1>
  7. <p>toString() 方法以基数 2 到 36 输出字符串：</p>
  9. <p id="demo">
  11. <script>
  12. var myNumber = 32;
  13. document.getElementById("demo").innerHTML =
  14. "32 = " + "<br>" +
  15. " Decimal " + myNumber.toString(10) + "<br>" +
  16. " Hexadecimal " + myNumber.toString(16) + "<br>" +
  17. " Octal " + myNumber.toString(8) + "<br>" +
  18. " Binary " + myNumber.toString(2);
  19. </script>
  21. </body>
  22. </html>
运行一下

toExponential() 方法

toExponential() 返回字符串值，它包含已被四舍五入并使用指数计数法的数字。

参数定义小数点后的字符数：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数字方法</h1>
  7. <p>toExponential() 方法返回一个字符串，包含进行舍入的数字并使用指数表示法。</p>
  9. <p>可选参数定义小数点后面的位数。</p>
  11. <p id="demo">
  13. <script>
  14. var x = 9.656;
  15. document.getElementById("demo").innerHTML =
  16.   x.toExponential() + "<br>" +
  17.   x.toExponential(2) + "<br>" +
  18.   x.toExponential(4) + "<br>" +
  19.   x.toExponential(6);
  20. </script>
  22. </body>
  23. </html>
运行一下

该参数是可选的。如果您没有设置它，JavaScript 不会对数字进行4舍5入。

toFixed() 方法

toFixed() 返回字符串值，它包含了指定位数小数的数字：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数字方法</h1>
  7. <p>toFixed() 方法将数字四舍五入为给定的位数。</p>
  9. <p>对于处理金钱，toFixed(2) 是完美的。</p>
  11. <p id="demo">
  13. <script>
  14. var x = 9.656;
  15. document.getElementById("demo").innerHTML =
  16.   x.toFixed(0) + "<br>" +
  17.   x.toFixed(2) + "<br>" +
  18.   x.toFixed(4) + "<br>" +
  19.   x.toFixed(6);
  20. </script>
  22. </body>
  23. </html>
运行一下

toFixed(2) 非常适合处理货币类型数据。

toPrecision() 方法

toPrecision() 返回字符串值，它包含了指定长度的数字：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数字方法</h1>
  7. <p>toPrecision() 方法返回一个字符串，其中包含一个用指定长度写的数字：</p>
  9. <p id="demo">
  11. <script>
  12. var x = 9.656;
  13. document.getElementById("demo").innerHTML =
  14.   x.toPrecision() + "<br>" +
  15.   x.toPrecision(2) + "<br>" +
  16.   x.toPrecision(4) + "<br>" +
  17.   x.toPrecision(6);
  18. </script>
  20. </body>
  21. </html>
运行一下

valueOf() 方法

valueOf() 以数值返回数值：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数字方法</h1>
  7. <p>valueOf() 把数字返回为数字：</p>
  9. <p id="demo">
  11. <script>
  12. var x = 123;
  14. document.getElementById("demo").innerHTML =
  15.   x.valueOf() + "<br>" +
  16.   (123).valueOf() + "<br>" +
  17.   (100 + 23).valueOf();
  18. </script>
  20. </body>
  21. </html>
运行一下

在 JavaScript 中，数字可以是原始值（typeof = number）或对象（typeof = object）。

在 JavaScript 内部使用 valueOf() 方法可将 Number 对象转换为原始值。

所有 JavaScript 数据类型都有 valueOf() 和 toString() 方法。

把变量转换为数值

这三种常用 JavaScript 全局方法可用于将变量转换为数字：

  • Number() 方法
  • parseInt() 方法
  • parseFloat() 方法

全局方法

JavaScript 全局方法可用于所有 JavaScript 数据类型。

方法描述
Number()返回数字，由其参数转换而来。
parseFloat()解析其参数并返回浮点数。
parseInt()解析其参数并返回整数。

Number() 方法

Number() 可用于把 JavaScript 变量转换为数值：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 全局方法</h1>
  7. <p>Number() 方法把变量转换为数字：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = 
  13.   Number(true) + "<br>" +
  14.   Number(false) + "<br>" +
  15.   Number("10") + "<br>" + 
  16.   Number("  10") + "<br>" +
  17.   Number("10  ") + "<br>" +
  18.   Number(" 10  ") + "<br>" +
  19.   Number("10.33") + "<br>" + 
  20.   Number("10,33") + "<br>" +
  21.   Number("10 33") + "<br>" +
  22.   Number("John");
  23. </script>
  25. </body>
  26. </html>
运行一下

如果无法转换数字，则返回 NaN。

用于日期的 Number() 方法

Number() 还可以把日期转换为数字：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 全局方法</h1>
  7. <p>Number() 方法可以把日期转换为数字：</p>
  9. <p id="demo">
  11. <script>
  12. var x = new Date("2017-09-30");
  13. document.getElementById("demo").innerHTML = Number(x);
  14. </script>
  16. </body>
  17. </html>
运行一下

上面的 Number() 方法返回 1970 年 1 月 1 日至今的毫秒数。

parseInt() 方法

parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 全局函数</h1>
  7. <p>全局 JavaScript 函数  parseInt() 把字符串转换为数字：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML =
  13.   parseInt("10") + "<br>" +
  14.   parseInt("10.33") + "<br>" +
  15.   parseInt("10 6") + "<br>" +
  16.   parseInt("10 years") + "<br>" +
  17.   parseInt("years 10");
  18. </script>
  20. </body>
  21. </html>
运行一下

如果无法转换为数值，则返回 NaN (Not a Number)。

parseFloat() 方法

parseFloat() 解析一段字符串并返回数值。允许空格。只返回首个数字：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 全局方法</h1>
  7. <p>parseFloat() 方法把字符串转换为数字：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML =
  13.   parseFloat("10") + "<br>" +
  14.   parseFloat("10.33") + "<br>" +
  15.   parseFloat("10 6") + "<br>" +
  16.   parseFloat("10 years") + "<br>" +
  17.   parseFloat("years 10");
  18. </script>
  20. </body>
  21. </html>
运行一下

如果无法转换为数值，则返回 NaN (Not a Number)。

数值属性

属性描述
MAX_VALUE返回 JavaScript 中可能的最大数。
MIN_VALUE返回 JavaScript 中可能的最小数。
NEGATIVE_INFINITY表示负的无穷大（溢出返回）。
NaN表示非数字值（"Not-a-Number"）。
POSITIVE_INFINITY表示无穷大（溢出返回）。

JavaScript MIN_VALUE 和 MAX_VALUE

MAX_VALUE 返回 JavaScript 中可能的最大数字。

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>MAX_VALUE 返回 JavaScript 中可能的最大值。</p>
  9. <p id="demo">
  11. <script>
  12. var x = Number.MAX_VALUE;
  13. document.getElementById("demo").innerHTML = x;
  14. </script>
  16. </body>
  17. </html>
运行一下

MIN_VALUE 返回 JavaScript 中可能的最小数字。

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>MIN_VALUE 返回 JavaScript 中可能的最小数字。</p>
  9. <p id="demo">
  11. <script>
  12. var x = Number.MIN_VALUE;
  13. document.getElementById("demo").innerHTML = x;
  14. </script>
  16. </body>
  17. </html>
运行一下

JavaScript POSITIVE_INFINITY

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>POSITIVE_INFINITY</p>
  9. <p id="demo">
  11. <script>
  12. var x = Number.POSITIVE_INFINITY;
  13. document.getElementById("demo").innerHTML = x;
  14. </script>
  16. </body>
  17. </html>
运行一下

溢出时返回 POSITIVE_INFINITY：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>溢出时返回 POSITIVE_INFINITY：</p>
  9. <p id="demo">
  11. <script>
  12. var x = 1 / 0;
  13. document.getElementById("demo").innerHTML = x;
  14. </script>
  16. </body>
  17. </html>
运行一下

JavaScript NEGATIVE_INFINITY

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>NEGATIVE_INFINITY</p>
  9. <p id="demo">
  11. <script>
  12. var x = Number.NEGATIVE_INFINITY;
  13. document.getElementById("demo").innerHTML = x;
  14. </script>
  16. </body>
  17. </html>
运行一下

溢出时返回 NEGATIVE_INFINITY：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>NEGATIVE_INFINITY</p>
  9. <p id="demo">
  11. <script>
  12. var x = -1 / 0;
  13. document.getElementById("demo").innerHTML = x;
  14. </script>
  16. </body>
  17. </html>
运行一下

JavaScript NaN - 非数字

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p id="demo">
  9. <script>
  10. document.getElementById("demo").innerHTML = Number.NaN;
  11. </script>
  13. </body>
  14. </html>
运行一下

NaN 属于 JavaScript 保留字，指示数字并非合法的数字。

尝试使用非数字字符串进行算术运算将导致 NaN（非数字）：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数字</h1>
  7. <p>数字除以非数字字符串会成为 NaN (Not a Number)：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = 100 / "Apple";
  13. </script>
  15. </body>
  16. </html>
运行一下

数字属性不可用于变量

数字属性属于名为 Number 的 JavaScript 数字对象。

这些属性只能作为 Number.MAX_VALUE 访问。

使用 myNumber.MAX_VALUE，其中 myNumber 是变量、表达式或值，将返回 undefined：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Number 对象属性</h1>
  7. <p>对变量、表达式或值使用数字属性，将返回 undefined：</p>
  9. <p id="demo">
  11. <script>
  12. var x = 6;
  13. document.getElementById("demo").innerHTML = x.MAX_VALUE;
  14. </script>
  16. </body>
  17. </html>
运行一下

完整的 JavaScript Number 参考手册

如需完整的参考手册，请访问本站的 JavaScript Number 参考手册。

JavaScript 数字
JavaScript 数组

分类导航

HTMLHTML5JAVASCRIPTCSSjQueryBootstrap 3 教程SassReactHTMl 颜色教程JSONXMLXPathTypeScriptAppML 教程XLinkXPointerXQueryXFormsXsltXML SchemaXSL-FOWeb ServiceWSDSOAPW3CSVGDHTMLTCP/IPjQuery Mobile 教程XHTML