JS保留小数几种简单方法例子

 更新时间:2023年10月19日 09:03:41   作者:qq_50630857  
这篇文章主要给大家介绍了关于JS保留小数几种简单方法,在JS中保留小数的方法有很多,可以Math函数或者以字符串形式来进行处理,但在有的时候需要四舍五入,有时候不需要,需要的朋友可以参考下

toFixed() 方法

toFixed(n)中n指小数点后的位数

1、整数保留一位小数

var num = 1
num = num.toFixed(1)   
console.log(num);   //1.0

2、小数保留一位

注意:四舍六入五取偶 - 五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一

var num = 1.55
var num1 = 1.45          //5前为偶舍去
num1 = num1.toFixed(1)
num = num.toFixed(1)   
console.log(num);   //1.6
console.log(num1);  //1.4

二、自定义转换方法 - 四舍五入,转换后仍为数字类型

  • 第一个参数为待转换的数字,是小数,整数不能实现
  • 第二个参数为保留的小数个数
function roundFun(value, n) {
  return Math.round(value*Math.pow(10,n))/Math.pow(10,n);
}
console.log(roundFun(2.853,2));  //2.85
console.log(roundFun(5/3, 2)     //1.67
console.log(roundFun(2, 2)       //2      
//输入小数value,并保留小数点后一位,如果想保留两位,将10改为100
function roundFun(value) {
    return Math.round(value * 10) / 10;
}
console.log(roundFun(2.853));      //2.9

三、自定义格式化输出方法 - 对上面自定义转换方法的补充

  • 小数位数进行四舍五入,返回的是格式化后的字符串,不是数字,小数点后不足的位数会自动补0,如4会变成4.0返回
//保留n位小数并格式化输出(不足的部分补0)
    function fomatFloat(value, n) {
      var f = Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
      var s = f.toString();
      var rs = s.indexOf(".");
      if (rs < 0) {
        s += ".";
      }
      for (var i = s.length - s.indexOf("."); i <= n; i++) {
        s += "0";
      }
      return s;
    };
    console.log(fomatFloat(1,2));    //1.00

附:JavaScript 数学表达式:Math.round()

  • 语法:
Math.round(xx) // 参数 ‘xx' 代表一个数值  
  • 返回值:把给定的值四舍五入为最接近的整数
  • 示例:
var xx= 20.5;
console.log(Math.round(xx, xx)) // 21

var xx= 20.49;
console.log(Math.round(xx)) // 20

var xx= -20.5;
var xx= -20.55;
console.log(Math.round(xx)) // -20
console.log(Math.round(xx)) // -21
  • 描述:如果参数的小数部分大于0.5,则舍入到相邻的绝对值更大的整数,相反则舍入到绝对值更小的整数,如果刚好等于0.5,则舍入到相邻的在正无穷 +∞ 方向的整数

总结 

到此这篇关于JS保留小数几种简单方法的文章就介绍到这了,更多相关JS保留小数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 小程序列表懒加载的实现方式

    小程序列表懒加载的实现方式

    懒加载,前端人都知道的一种性能优化方式,简单的来说,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来,这篇文章主要给大家介绍了关于小程序列表懒加载的实现方式,需要的朋友可以参考下
    2022-04-04
  • JS实现滑动导航效果

    JS实现滑动导航效果

    这篇文章主要为大家详细介绍了JS实现滑动导航效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 简单了解JavaScript中的执行上下文和堆栈

    简单了解JavaScript中的执行上下文和堆栈

    这篇文章主要介绍了简单了解JavaScript中的执行上下文和堆栈,你应该对解释器了解得更清楚:为什么在声明它们之前可以使用某些函数或变量?以及它们的值是如何确定的?,需要的朋友可以参考下
    2019-06-06
  • Javascript中Eval函数的使用说明

    Javascript中Eval函数的使用说明

    JavaScript有许多小窍门来使编程更加容易。 其中之一就是eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。
    2008-10-10
  • THREE.JS使用TransformControls对模型拖拽的代码实例

    THREE.JS使用TransformControls对模型拖拽的代码实例

    拖拽是前端实现中比较常用的一种效果,下面这篇文章主要给大家介绍了关于THREE.JS使用TransformControls对模型拖拽的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • 判断JavaScript中的两个变量是否相等的操作符

    判断JavaScript中的两个变量是否相等的操作符

    可能有些同学看到这个标题就会产生疑惑,为什么我们要判断JavaScript中的两个变量是否相等,JavaScript不是已经提供了双等号“==”以及三等号“===”给我们使用了吗
    2019-12-12
  • 用canvas 实现个图片三角化(LOW POLY)效果

    用canvas 实现个图片三角化(LOW POLY)效果

    这篇文章主要介绍了用canvas 实现个图片三角化(LOW POLY)效果 的相关资料,需要的朋友可以参考下
    2016-02-02
  • javascript线性渐变一

    javascript线性渐变一

    javascript在处理图像的能力其实是不弱的,可惜浏览器大战连累了它,这还不算,Adobe 收购Macromedia更让SVG处于怠工状态。
    2009-10-10
  • JavaScript中的常见错误与异常处理分析

    JavaScript中的常见错误与异常处理分析

    这篇文章主要为大家信息介绍了JavaScript中的常见错误与异常处理的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • js模仿java的Map集合详解

    js模仿java的Map集合详解

    这篇文章主要介绍了js模仿java的Map集合的相关资料,Java中某些最常用的集合类是List和Map,感兴趣的小伙伴们可以了解一下
    2016-01-01

最新评论