js输出数据精确到小数点后n位代码

 更新时间:2016年07月02日 14:06:00   作者:tcxu  
要保留小数点后N位的问题,经过一番思索,终于解决了,这篇文章主要介绍了js输出数据精确到小数点后n位代码,感兴趣的朋友可以参考一下

编写两种方法,可以输出数据 num 精确到小数点后第 n 位,具体内容如下

1. 借助于 Math.pow(10,n);
2. 借助于 ..toFixed(n) (JS 1.5(IE5.5+,NS6+以上版本支持)。
测试 pi=3.14159265 的输出结果:
精确到小数点后 n 位, 借助于 Math.pow(10,n):
3.1
3.14
3.142
3.1416
精确到小数点后 n 位, 借助于 ..toFixed(n):
3.1
3.14
3.142
3.1416

<html>
<head>
  <title>四舍五入</title>
  <meta charset="utf-8">
</head>
<body>
<script>
function round_1(num,n){//返回数字 num, 精确到小数点后 n 位
  var number= Math.round(num*Math.pow(10,n));
  return number/Math.pow(10,n);
}
function round_2(num,n){//返回数字 num, 精确到小数点后 n 位
  return num.toFixed(n); //JS 1.5(IE5.5+,NS6+以上版本支持)
}
var pi= 3.14159265;
document.write("精确到小数点后 n 位, 借助于 Math.pow(10,n):<br>");
for (var i=1; i<5; i++)
document.write(round_1(pi,i) + "<br>"); 
document.write("精确到小数点后 n 位, 借助于 ..toFixed(n):<br>");
for (var i=1; i<5; i++)
document.write(round_2(pi,i) + "<br>");
</script> 
</body>
</html>

以上就是本文的全部内容,希望对大家学习javas程序设计有所帮助。

相关文章

  • js+html+css实现简单日历效果

    js+html+css实现简单日历效果

    这篇文章主要为大家详细介绍了js+html+css实现简单日历效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • IE event.srcElement和FF event.target 功能比较

    IE event.srcElement和FF event.target 功能比较

    可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
    2010-03-03
  • 优化javascript的执行速度

    优化javascript的执行速度

    这个是我在网上找的资料,具体的出处,我已经记不清楚了,觉得很不错,就和大家分享了
    2010-01-01
  • JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

    JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

    这篇文章主要介绍了JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转,本文给大家分享实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • JSONP原理及应用实例详解

    JSONP原理及应用实例详解

    这篇文章主要介绍了JSONP原理及应用实例详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • js 多层叠的TAB选项卡

    js 多层叠的TAB选项卡

    一个多层叠的TAB选项卡,自适应宽度(自行更改nonstop的width测试效果)。
    2010-01-01
  • 在Swiper内如何制作CSS3动画效果示例代码

    在Swiper内如何制作CSS3动画效果示例代码

    这篇文章主要给大家介绍了关于在Swiper内如何制作CSS3动画效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • javascript单张多张图无缝滚动实例代码

    javascript单张多张图无缝滚动实例代码

    在本篇文章里小编给大家分享的是关于javascript单张多张图无缝滚动实例代码和实例,需要的朋友们可以参考下。
    2020-05-05
  • JS无缝滚动效果实现方法分析

    JS无缝滚动效果实现方法分析

    这篇文章主要介绍了JS无缝滚动效果实现方法,结合实例形式较为详细的分析了无缝滚动的原理、实现技巧与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • JavaScript实现栈结构Stack过程详解

    JavaScript实现栈结构Stack过程详解

    这篇文章主要介绍了JavaScript实现栈结构Stack过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03

最新评论