首页 文章详情

8个简单的JavaScript数字方法

web前端开发 | 430 2020-11-21 23:51 0 0 0
UniSMS (合一短信)
英文 | 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); // 3um.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 1Number(false); //returns 0Number("10"); //returns 10Number("10.43"); //returns 10.43Number("2,54"); //returns NaN

7、Parseint

parseInt()方法解析一个字符串并返回一个整数。允许有空格。仅返回第一个数字。
parseInt("10"); //returns 10parseInt("10.43"); //returns 10parseInt("10 20 30"); //returns 10parseInt("1000 cupcakes"); //returns 1000 & not delicious cupcakesparseInt("dogs 1000"); //returns NaN

8、ParseFloat

parseFloat()方法解析一个字符串并返回一个数字。允许有空格。仅返回第一个数字。
parseFloat("10"); //returns 10parseFloat("10.43"); //returns 10.43parseFloat("10 20 30"); //returns 10parseFloat("1000 dogs"); //returns 1000parseFloat("dogs 1000"); //returns NaN

结论

作为前端开发人员,学习永无止境。总有一些要知道的事情,还有一些需要改进的地方。寻找简单明了的指南可能很困难,但对学习非常有帮助。
如果你想进一步了解JavaScript字符串,可以阅读这篇文章《8个简单的JavaScript字符串方法》,并帮助你提升你的JavaScript编码水平。
感谢阅读,快乐编码。

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter