首页 / js教程

    JS中格式化数字有哪几种方法

    类型:原创      发布者:清浅2018-12-08 11:43:14

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

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

    【推荐课程:JavaScript教程

    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>

    结果如下:

    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>

    结果如下:

    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>

    结果如下:

    未标题-1.jpg

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

    以上就是JS中格式化数字有哪几种方法的详细内容,更多请关注php中文网其它相关文章!

php中文网赞助会员

PHP中文网

未登录