8個簡單的JavaScript數字方法

英文 | https://medium.com/front-end-weekly/8-javascript-number-methods-as-simple-as-possible-c1cd73fbff6f

翻譯 | web前端開發（ID：web_qdkf)

在前面，我們跟大家分享過一篇《​​8個簡單的JavaScript字元串方法​​》，今天我們再跟大家分享一篇關于JS數字的方法，希望對你有所幫助。

畢竟，JS作為驅動網絡的語言，人們已經賦予了它太多職責了。是以，作為一個前端程式員，學習JavaScript的任務，既艱巨卻又至關重要。

那麼今天，我們繼續讨論JS吧。請記住，所有數字方法都傳回一個新值，而不更改原始變量。

1、Tostring

toString（）方法，将數字作為字元串傳回。但是，如果提供參數，例如2、8或16，它将分别傳回二進制，八進制或十六進制值。

​

​const num = 123;​

​​

​num.toString（）; ​

​​

​//“ 123”​

​​

​（100 + 44）.toString（）; ​

​​

​//“ 144”​

​

2、Toexponential

toExponential（）方法傳回一個字元串，其字元串使用指數表示法四舍五入并寫入。該參數是可選的。整數形式，取值範圍是0到20，表示小數點後的位數。如果未提供任何内容，則将其設定為表示該值所需的任意位數。

​

​const num = 3.414;​

​​

​num.toExponential（2）; ​

​​

​//3.414e+0​

​

3、Tofixed

toFixed（）方法傳回一個字元串，其中包含寫入的數字和指定的小數位數。這裡參數也是可選的。它代表小數點後的位數。預設情況下，它設定為0。

​

​const num = 3.414;​

​​

​num.toFixed（0）; ​

​​

​// 3​

​​

​um.toFixed（2）; ​

​​

​//3.41​

​

4、Toprecision

toPrecision（）方法傳回一個字元串，該字元串具有指定長度的數字。

​

​const num = 3.414;​

​​

​num.toPrecision（2）; ​

​​

​//3.4​

​

5、Valueof

valueOf（）方法傳回數字作為數字。

​

​const num = 123;​

​​

​num.valueOf（）; ​

​​

​// 123​

​

6、Number

Number（）方法可用于将JavaScript變量轉換為數字。

​

​Number(true); //returns 1​

​​

​Number(false); //returns 0​

​​

​Number("10"); //returns 10​

​​

​Number("10.43"); //returns 10.43​

​​

​Number("2,54"); //returns NaN​

​

7、Parseint

parseInt（）方法解析一個字元串并傳回一個整數。允許有空格。僅傳回第一個數字。

​

​parseInt("10"); //returns 10​

​​

​parseInt("10.43"); //returns 10​

​​

​parseInt("10 20 30"); //returns 10​

​​

​parseInt("1000 cupcakes"); //returns 1000 & not delicious cupcakes​

​​

​parseInt("dogs 1000"); //returns NaN​

​

8、ParseFloat

parseFloat（）方法解析一個字元串并傳回一個數字。允許有空格。僅傳回第一個數字。

​

​parseFloat("10"); //returns 10​

​​

​parseFloat("10.43"); //returns 10.43​

​​

​parseFloat("10 20 30"); //returns 10​

​​

​parseFloat("1000 dogs"); //returns 1000​

​​

​parseFloat("dogs 1000"); //returns NaN​

​

結論

作為前端開發人員，學習永無止境。總有一些要知道的事情，還有一些需要改進的地方。尋找簡單明了的指南可能很困難，但對學習非常有幫助。