首页 > 网络编程 > JavaScript > javascript技巧 > JS保留小数

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

2023-10-19 09:01:29 作者：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保留小数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！