• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > JS保留两位小数的函数有哪些

JS保留两位小数的函数有哪些

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了保留两位小数,函数等相关知识,希望对您有所帮助

js保留两位小数的函数有:1、【toFixed()】函数;2、【Math.floor()】函数不四舍五入 ,向下取整;3、使用字符串匹配方法;4、四舍五入保留2位小数;5、浮点数保留两位小数。


JS保留两位小数的函数有哪些


js保留两位小数的函数有:

一、四舍五入相关

1、toFixed()方法

需注意,保留两位小数,将数值类型的数据改变成了字符串类型

// 1.四舍五入var num =2.446242342; num = num.toFixed(2); console.log(num); //2.45console.log(typeof num); // string

2、Math.floor(),不四舍五入 ,向下取整

注意,不改变数据类型

// 2.不四舍五入 向下取整num = Math.floor(num * 100) / 100;console.log(num); //2.44console.log(typeof num); // number

3、字符串匹配

注意,先将数据转换为字符串,最后再转为数值类型

// 3.不四舍五入 字符串匹配再转换num = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/));console.log(num); //2.44console.log(typeof num); // number

4、四舍五入保留2位小数(若第二位小数为0,则保留一位小数)

注意,数据类型不变

//4.四舍五入保留2位小数(若第二位小数为0,则保留一位小数)function keepTwoDecimal(num) {    var result = parseFloat(num);    if (isNaN(result)) {        alert('传递参数错误,请检查!');        return false;    }    result = Math.round(num * 100) / 100;    return result;};keepTwoDecimal(num);console.log(num); //2.44console.log(typeof num); //number

5、四舍五入保留2位小数(不够位数,则用0替补)

注意,数据类型变为字符串类型

//5.四舍五入保留2位小数(不够位数,则用0替补)function keepTwoDecimalFull(num) {    var result = parseFloat(num);    if (isNaN(result)) {        alert('传递参数错误,请检查!');        return false;    }    result = Math.round(num * 100) / 100;    var s_x = result.toString(); //将数字转换为字符串    var pos_decimal = s_x.indexOf('.'); //小数点的索引值    // 当整数时,pos_decimal=-1 自动补0    if (pos_decimal < 0) {        pos_decimal = s_x.length;        s_x += '.';    }    // 当数字的长度< 小数点索引+2时,补0    while (s_x.length <= pos_decimal + 2) {        s_x += '0';    }    return s_x;}console.log(keepTwoDecimalFull(120.5)); //120.50console.log(typeof keepTwoDecimalFull(120.5)); //stringconsole.log(keepTwoDecimalFull(2.446242342)); //2.45console.log(typeof keepTwoDecimalFull(2.446242342)); //string

二、浮点数保留两位小数

1、将浮点数四舍五入,取小数点后2位

注意,数据类型不变

//浮点数保留两位小数//1.功能:将浮点数四舍五入,取小数点后2位function toDecimal(x) {    var f = parseFloat(x);    if (isNaN(f)) {        return;    }    f = Math.round(x*100)/100;    return f;}console.log(toDecimal(3.1465926)); // 3.15console.log(typeof toDecimal(3.1415926)); //number

2、强制保留2位小数,如:2,会在2后面补上00.即2.00

注意,数据类型变为字符串类型

//2.强制保留2位小数,如:2,会在2后面补上00.即2.00function toDecimal2(x) {    var f = parseFloat(x);    if (isNaN(f)) {        return false;    }    var f = Math.round(x*100)/100;    var s = f.toString();    var rs = s.indexOf('.');    if (rs < 0) {        rs = s.length;        s += '.';    }    while (s.length <= rs + 2) {        s += '0';    }    return s;}console.log(toDecimal2(3.1)); // 3.10console.log(typeof toDecimal2(3.1415926)); //string

3、保留两位小数 浮点数四舍五入 位数不够 不补0

注意,数据类型不变

// 3.保留两位小数 浮点数四舍五入 位数不够 不补0function fomatFloat(src,pos){    return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);}console.log(fomatFloat(3.12645,2)); // 3.13console.log(typeof fomatFloat(3.1415926)); //numbe




分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • JS保留两位小数的函数有哪些
  • Flex中对表格中某列的值进行数字格式化保留两位小数

相关文章

  • 2022-04-29Photoshop绘制白色开关插座ICON图标
  • 2022-04-29CSS3实现文字折纸效果的方法(代码示例)
  • 2022-04-29利用视频网站加快百度及谷歌的重新收录的SEO技
  • 2022-04-29浅谈Angular中elem.scope()、elem.isolateScope和$compile(elem)(scope)中scope的区别
  • 2022-04-29详解ThinkPHP怎么实现图片上传
  • 2022-04-29Dedecms在php7下的一些常见问题
  • 2022-04-29Thinkphp中import的五种使用方法(附代码示例)
  • 2022-04-29Photoshop绘制清新绿色立体桔子按钮
  • 2022-04-29浅析微信小程序和web之间的交互(代码分享)
  • 2022-04-29Phpcms V9栏目循环调用采用IF判断自定义不显示指定

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • AI教程几何图形小鸟LOGO视频教程
    • Thinkphp5.1趣味实现学生扫码选座功能
    • 浅析Angular中HttpClientModule模块有什么用?怎么用?
    • 帝国CMS实现tagid伪静态tag的方法
    • phpcms后台上传不了图片怎么办
    • 由JS实现的织梦cms版3D球面标签云 效果与flash版的
    • PHP如何使用Callback/Callable类型
    • PS制作漂亮的‘少了你世间万种都成单调’古风图
    • 实现php页面自动跳转的方法有哪些
    • 【jquery】ajax 请求成功后新开窗口被拦截解决方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有