一篇文章带你了解JavaScript 数值方法(上篇)

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

[[353191]]

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

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

一、toExponential()方法

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

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

例:

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

完整代码:

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

注意:

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

二、toFixed()方法

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

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

例:

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

运行效果

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

三、toPrecision()方法

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

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

例:

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

 

 四、总结

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

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

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

 

责任编辑:姜华 来源: 前端进阶学习交流
相关推荐

2023-10-10 15:29:36

JavaScript开发

2020-10-27 11:08:01

JavaScript

2023-07-21 17:11:59

JavaScriptappName

2020-10-21 09:11:42

JavaScript

2021-05-18 08:30:42

JavaScript 前端JavaScript时

2024-04-19 14:23:52

SwitchJavaScript开发

2024-01-30 13:47:45

2023-09-06 14:57:46

JavaScript编程语言

2023-07-30 15:18:54

JavaScript属性

2021-06-24 09:05:08

JavaScript日期前端

2021-01-26 23:46:32

JavaScript数据结构前端

2021-03-09 14:04:01

JavaScriptCookie数据

2021-03-05 18:04:15

JavaScript循环代码

2021-06-04 09:56:01

JavaScript 前端switch

2021-02-02 18:39:05

JavaScript

2020-11-10 10:48:10

JavaScript属性对象

2021-01-29 18:41:16

JavaScript函数语法

2020-10-27 10:05:32

JavaScript 数组迭代

2023-09-01 16:32:36

JavaScript

2021-06-22 10:12:37

JavaScript 前端While 循环
点赞
收藏

51CTO技术栈公众号