当前位置：主页 > 查看内容

一篇文章带你了解JavaScript 数值方法（上篇）

发布时间：2021-10-04 00:00| 有 位朋友查看

简介：可以使用内置方法和属性对数字执行哪些有用的操作。原始值，例如(25或3.14)，不能具有属性或方法(因为它们不是对象)。 但是在JavaScript中，方法和属性也可用于原始值，因为JavaScript在执行方法和属性时会将原始值视为对象。下面介绍三种JavaScript数值方法……

可以使用内置方法和属性对数字执行哪些有用的操作。原始值，例如(25或3.14)，不能具有属性或方法(因为它们不是对象)。

但是在JavaScript中，方法和属性也可用于原始值，因为JavaScript在执行方法和属性时会将原始值视为对象。下面介绍三种JavaScript数值方法。

一、toExponential()方法

toExponential()方法返回以数字表示的数字字符串。

此方法采用一个可选参数，该参数定义小数点后的字符数。

例：

  1. var num = 12.5; 
  2. num.toExponential();  // 返回 1.25e+1 
  3. num.toExponential(2); // 返回 1.25e+1 
  4. num.toExponential(4); // 返回 1.2500e+1 
  5. num.toExponential(6); // 返回 1.250000e+1 

完整代码：

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <title>JavaScript toExponential() 方法例 - 基础教程(nhooo.com)</title> 
  4.  
  5.     <body style="background-color: aqua;"> 
  6.  
  7.         <h2>JavaScript Number 方法</h2> 
  8.  
  9.         <p> toExponential()返回一个字符串，该字符串将数字表示为指数符号：</p> 
  10.         <p>可选参数定义小数点后的位数。</p> 
  11.  
  12.         <p id="para"></p> 
  13.  
  14.         <script> 
  15.             var num = 12.5; 
  16.  
  17.             document.getElementById("para").innerHTML = 
  18.                 num.toExponential() + "<br>" + 
  19.                 num.toExponential(2) + "<br>" + 
  20.                 num.toExponential(4) + "<br>" + 
  21.                 num.toExponential(6); 
  22. </script> 
  23.  
  24.     </body> 
  25. </html> 

注意：

指数符号可用于表示数量级非常大或非常小的数字。例如，95700000000可以写为957e8或957e + 8。

二、toFixed()方法

toFixed()方法使用定点表示法格式化数字。

此方法返回的值是一个字符串，并且在小数点后有确切指定的位数。

例：

  1. var num = 12.525; 
  2. num.toFixed();  // 返回 13 
  3. num.toFixed(2); // 返回 12.53 
  4. num.toFixed(4); // 返回 12.5250 
  5. num.toFixed(6); // 返回 12.525000 

运行效果

如果需要，数字会四舍五入，如果需要，小数部分将用零填充，以便具有指定的长度。

三、toPrecision()方法

toPrecision()方法返回一个字符串，该数字表示指定精度的数字。

此方法返回的值是一个字符串，并且在小数点后有确切指定的位数。

例：

  1. var num = 5.123456; 
  2. num.toPrecision();     // 5.123456 
  3. num.toPrecision(1);   // 5 
  4. num.toPrecision(2);   // 5.1 
  5. num.toPrecision(3);   // 5.12 
  6. num.toPrecision(4);   // 5.123 
  7. num.toPrecision(10);  // 5.123456000 

 

 四、总结

本文基于JavaScript基础，介绍了三种基本的JavaScript数值表现的方法，每一种方法均采用案例分析，并做详细的讲解。

欢迎大家积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

代码很简单，希望对你学习有帮助。


本文转载自网络，原文链接：https://mp.weixin.qq.com/s/G3SA46X2a3DEIeaPD4wn_Q
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：淘宝的高可用异地多活架构到底有多牛? 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐