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保留小数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js 定时器setTimeout无法调用局部变量的解决办法

    js 定时器setTimeout无法调用局部变量的解决办法

    javascript中定时器setTimeout无法调用局部变量,只需要将setTimeout的第一个参数改成函数对象,而不是字符串,就可以了
    2013-11-11
  • PHP7新特性简述

    PHP7新特性简述

    本文通过实例给大家介绍了PHP7新特性的相关知识,需要的朋友参考下吧
    2017-06-06
  • JavaScript异步编程之Async/Await用法完全指南

    JavaScript异步编程之Async/Await用法完全指南

    async/await是JavaScript中基于Promise的异步语法糖,使异步代码更直观易读,这篇文章主要介绍了JavaScript异步编程之Async/Await用法完全指南的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2026-01-01
  • javascript 异步页面查询实现代码(asp.net)

    javascript 异步页面查询实现代码(asp.net)

    异步页面查询,其实与自动完成时一样的原理,根据用户输入的关键词自动的与数据库中的匹配,并显示出来,提高用户体验,但主要搜索量大的话,增加服务器开销。
    2010-05-05
  • JS+canvas实现的五子棋游戏【人机大战版】

    JS+canvas实现的五子棋游戏【人机大战版】

    这篇文章主要介绍了JS+canvas实现的五子棋游戏,是采用比较强的AI实现的人机大战版游戏,涉及javascript结合HTML5实现图形绘制与人工智能相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • JS FormData上传文件的设置方法

    JS FormData上传文件的设置方法

    使用FormData上传文件时,总是获取不到req.file对象。发现是没有配置对FormData导致的,怎么解决这个问题呢?下面小编给大家带来了JS FormData上传文件的设置方法,需要的朋友参考下吧
    2017-07-07
  • echarts地图区域显示不同颜色代码示例

    echarts地图区域显示不同颜色代码示例

    地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气,这篇文章主要给大家介绍了关于echarts地图区域显示不同颜色的相关资料,需要的朋友可以参考下
    2023-10-10
  • 网络之美 JavaScript中Get和Set访问器的实现代码

    网络之美 JavaScript中Get和Set访问器的实现代码

    前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。
    2010-09-09
  • JavaScript随机生成颜色的方法

    JavaScript随机生成颜色的方法

    这篇文章主要介绍了JavaScript随机生成颜色的方法的相关资料,非常不错,代码简单易懂,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 在Js页面通过POST传递参数跳转到新页面详解

    在Js页面通过POST传递参数跳转到新页面详解

    这篇文章主要给大家介绍了关于在Js页面通过POST传递参数跳转到新页面的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-08-08

最新评论