手揣网教程/网站教程/内容

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

网站教程2024-11-20 阅读
[摘要]js中格式化数字的方法有：toFixed() 方法将数字转换为指定小数位数的数字、toPrecision() 方法在超出指定位数时转换为指数计数法、toExponential() 方法把值转换为指数...
js中格式化数字的方法有：toFixed() 方法将数字转换为指定小数位数的数字、toPrecision() 方法在超出指定位数时转换为指数计数法、toExponential() 方法把值转换为指数计数法

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

【推荐课程：JavaScript教程】

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中格式化数字有哪几种办法

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中格式化数字有哪几种办法
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中格式化数字有哪几种方法的详细内容，更多请关注php中文网其它相关文章！
				
				
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……
标签:JS中格式化数字有哪几种办法
 
相关阅读