一篇文章帶你了解JavaScript 數(shù)值方法(上篇)
可以使用內(nèi)置方法和屬性對數(shù)字執(zhí)行哪些有用的操作。原始值,例如(25或3.14),不能具有屬性或方法(因為它們不是對象)。
但是在JavaScript中,方法和屬性也可用于原始值,因為JavaScript在執(zhí)行方法和屬性時會將原始值視為對象。下面介紹三種JavaScript數(shù)值方法。
一、toExponential()方法
toExponential()方法返回以數(shù)字表示的數(shù)字字符串。
此方法采用一個可選參數(shù),該參數(shù)定義小數(shù)點后的字符數(shù)。
例:
- 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
完整代碼:
- <!DOCTYPE html>
- <html>
- <title>JavaScript toExponential() 方法例 - 基礎教程(nhooo.com)</title>
- <body style="background-color: aqua;">
- <h2>JavaScript Number 方法</h2>
- <p> toExponential()返回一個字符串,該字符串將數(shù)字表示為指數(shù)符號:</p>
- <p>可選參數(shù)定義小數(shù)點后的位數(shù)。</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>
注意:
指數(shù)符號可用于表示數(shù)量級非常大或非常小的數(shù)字。例如,95700000000可以寫為957e8或957e + 8。
二、toFixed()方法
toFixed()方法使用定點表示法格式化數(shù)字。
此方法返回的值是一個字符串,并且在小數(shù)點后有確切指定的位數(shù)。
例:
- var num = 12.525;
- num.toFixed(); // 返回 13
- num.toFixed(2); // 返回 12.53
- num.toFixed(4); // 返回 12.5250
- num.toFixed(6); // 返回 12.525000
運行效果

如果需要,數(shù)字會四舍五入,如果需要,小數(shù)部分將用零填充,以便具有指定的長度。
三、toPrecision()方法
toPrecision()方法返回一個字符串,該數(shù)字表示指定精度的數(shù)字。
此方法返回的值是一個字符串,并且在小數(shù)點后有確切指定的位數(shù)。
例:
- 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
四、總結
本文基于JavaScript基礎,介紹了三種基本的JavaScript數(shù)值表現(xiàn)的方法,每一種方法均采用案例分析,并做詳細的講解。
歡迎大家積極嘗試,有時候看到別人實現(xiàn)起來很簡單,但是到自己動手實現(xiàn)的時候,總會有各種各樣的問題,切勿眼高手低,勤動手,才可以理解的更加深刻。
代碼很簡單,希望對你學習有幫助。