什么是js代码格式化,JS中格式化数字有哪几种方法?

营销圈公众号引导关注

js中格式化数字的方法有:toFixed() 方法将数字转换为指定小数位数的数字、toPrecision() 方法在超出指定位数时转换为指数计数法、toExponential() 方法把值转换为指数计数法

在JavaScript中格式化数字是非常有用的,但是有时通过强制转换成整数,这样的方法误差挺大的,所以今天跟大家分享JavaScript中格式化数字的几种常用方法,有一定的参考作用,希望对大家有所帮助

【推荐课程:JavaScript教程】

什么是js代码格式化,JS中格式化数字有哪几种方法?

toFixed() 方法

可以把数字四舍五入为指定小数位数的数字

Number.toFixed(num)

num:指小数的位数,它的取值范围是 0 ~ 20 之间的值,包括 0 和 20,如果不写这个参数的话将会用0来代替。

返回值

返回 Number的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。也可以用 0来补足,以便它达到我们所指定的长度。如果我们设定的值大于length+21,则该方法只会调用 Number.toString(),返回采用指数计数法表示的字符串。

注意:当我们设定的值太小或者太大时就会抛出异常,但在0 ~ 20 之间的值不会引发该异常

<script>

var number=123.2344555

console.log(number.toFixed(0));

console.log(number.toFixed(4));

console.log(number.toFixed(10));

</script>

结果如下:

什么是js代码格式化,JS中格式化数字有哪几种方法?

toPrecision() 方法

指在对象的值超出指定位数时将其转换为指数计数法。

Number.toPrecision(num)

num:指必须被转换为指数计数法的最小位数。它的取值范围是 1 ~ 21 之间(且包括 1 和 21),如果不写这个参数的话,则会调用方法 toString(),而不是把数字转换成十进制的值。

返回值

返回 Number 的字符串,包含所设置的有效数字。如果 num 足够大,能够包括 Number整数部分的所有数字,那么返回的字符串将采用定点计数法表示。否则,采用指数计数法,即小数点前有一位数字,小数点后有 num-1 位数字。必要时,该数字会被舍入或用 0 补足。

注意:当 num 设置的太小或太大时就会抛出异常 RangeError

<script>

var number=123.2344555

console.log(number.toPrecision(1));

console.log(number.toPrecision(4));

console.log(number.toPrecision(10));

</script>

结果如下:

什么是js代码格式化,JS中格式化数字有哪几种方法?

toExponential() 方法

可以把值转换成指数计数法。

Number.toExponential(num)

num:指指数计数法中的小数位数,是 0 ~ 20 之间的值(包括 0 和 20),如果不写这个参数,将会使用尽可能多的数字。

返回值

返回的字符串采用指数计数法表示,即小数点之前有一位数字,小数点之后有 num 位数字。该数字的小数部分将被舍入,必要时用 0 补足,以便使它达到指定的长度。

注意:当 num 太小或太大时会抛出异常 RangeError

<script>

var number=123.2344555

console.log(number.toExponential(1));

console.log(number.toExponential(4));

console.log(number.toExponential(10));

</script>

结果如下:

什么是js代码格式化,JS中格式化数字有哪几种方法?

总结:以上就是本篇文章的全部内容了,希望对大家的学习有所帮助。

好了,这篇文章的内容营销圈就和大家分享到这里,如果大家对网络推广引流和网络创业项目感兴趣,可以添加微信:Sum8338 备注:营销圈引流学习,我拉你进直播课程学习群,每周135晚上都是有实战的推广引流技术和网络创业项目课程分享,当然是免费学!

版权声明:本站部分文章来源互联网用户自发投稿,主要目的在于分享信息,版权归原作者所有,不承担相关法律责任。如有侵权请联系我们反馈邮箱yingxiaoo@foxmail.com,我们将在7个工作日内进行处理,如若转载,请注明本文地址:https://www.yingxiaoo.com/122329.html