前言

在前端开发过程中,关于数据处理是非常常见的操作了,尤其是处理一些从后台获取到的数据与设计需求的不一样的时候,这就更需要前端来处理拿到的原始数据了。前端关于处理数据的面很多,本篇博文就来分享一下在前端开发中处理数字相关的知识点,尤其是小数点保留两位小数等这种常见需求,方便后期查阅使用。

方法

前端JS中关于保留两位小数的处理方法,分为两种:一种是不四舍五入,另一种是四舍五入。如果需要四舍五入就需要用到toFixed()方法,如果不需要四舍五入就直接使用Math.floor()方法。

简单示例

1、四舍五入

在从后台拿到数据之后,如var number = 0.454832类型的数据,进行四舍五入保留两位小数的操作,如下所示:

var number =0.454832;
number = number.toFixed(2);
console.log('number’, number); // 输出结果为0.45

2、不四舍五入

在从后台拿到数据之后,如var number = 0.454832类型的数据,不进行四舍五入保留两位小数的操作,分为两种情况,具体如下所示:

(1)把小数变成整数

var number = 0.454832;
number = Math.floor(number * 100) / 100;
console.log('number’, number);  // 输出结果为 0.45

(2)把数字当成字符串

前端开发:JS中小数点保留两位小数的方法汇总相关推荐

  1. js数字最多保留两位小数_8085微处理器中最多两个8位数字

    js数字最多保留两位小数 Problem statement: 问题陈述: To find maximum of two 8bit numberusing 8085 microprocessor. 使 ...

  2. JS中格式化数据保留两位小数

    问题:在JS中格式化数据保留两位小数的函数的多种方法 最好方法: 保留两位好像是这样吧     var   a   =   9.39393;     alert(a.toFixed(2)); 说明: ...

  3. js设置百分比保留两位小数

    CreateTime--2017年8月23日11:03:31 Author:Marydon js设置百分比保留两位小数 错误用法: var percent = (num1/num2) * 100%; ...

  4. js保留两位小数的方法

    js保留两位小数的方法 js保留两位小数的方法如下 1.toFixed()方法 需注意,保留两位小数,将数值类型的数据改变成了字符串类型 2.Math.floor(),不四舍五入 ,向下取整 注意,不 ...

  5. js四舍五入并保留两位小数

    js四舍五入并保留两位小数 前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存,说不定啥时候就 ...

  6. java double 保留小数_java使double类型保留两位小数的方法

    java使double类型保留两位小数的方法 本文是百分网小编整理的主要介绍关于java使double类型保留两位小数的方法,有需要的朋友们一起看看吧!想了解更多相关信息请持续关注我们应届毕业生考试网 ...

  7. php百分比四舍五入两位,PHP保留两位小数 四舍五入方法

    在php中要保留两位小数的方法有很多种办法,有如:sprintf,substr,number_format,round等等方法,下面我来给大家介绍介绍. 方法一 sprintf()函数 ,sprint ...

  8. python取两位小数点的函数_python中round函数保留两位小数的方法

    在我们日常计算的过程中,如果计算出小数,对大量的被保留数据,采用四舍五入这种保留法的误差总和是最小的,能使被保留部分的与实际值差值不超过最后一位数量级的二分之一.四舍五入是一种精确度的保留法,是我们使 ...

  9. python中保留两位小数的函数_python中round函数保留两位小数的方法

    在我们日常计算的过程中,如果计算出小数,对大量的被保留数据,采用四舍五入这种保留法的误差总和是最小的,能使被保留部分的与实际值差值不超过最后一位数量级的二分之一.四舍五入是一种精确度的保留法,是我们使 ...

最新文章

  1. JS如何设置打开页面后将光标定位在指定的输入框?
  2. SAP系统日常管理 常见 t-code (二)
  3. 七、股票中的布朗运动和pandas.dataframe.pct_change()
  4. C语言学习用迭代法求x=√a
  5. 【pyradiomics学习】——影像组学特征
  6. cesium polygon 悬浮在半空中
  7. BugkuCTF-WEB题login1
  8. java反编译软件_安卓强大的逆向软件,媲美MT管理器!
  9. 解释java程序所使用的命令是,Java程序的执行原理以及解释说明
  10. 0003 64位Oracle11gR2不能运行SQL Developer的解决方法
  11. java 释放锁,在Java中以原子方式释放多个锁
  12. 文件带 BOM 的看法
  13. dependencyManagement 失效
  14. android 微信自带表情,Android 软键盘和emoji表情切换方案,和微信几乎一样的体验...
  15. shader从入门到精通——(二)三大主流编程语言
  16. Elasticsearch 特定场景下使用
  17. Dell笔记本外接显示器—显示器模糊、字体不清晰
  18. Navicat使用总结(2022.9)
  19. 化学专业有必要学python吗-cnBeta.COM - 中文业界资讯站
  20. Nginx简单入门与反向代理和负载均衡

热门文章

  1. Java解方程zu q_关于数学:Java中的微分方程
  2. 基于python的论文分析_【论文实现】一篇Sigkdd的弹幕分析论文的python实现【LDA 实践者】...
  3. 好offer是怎么来的
  4. 碳纤维复合材料制成的超轻起落架,用于飞机滑行
  5. 免费SSL证书 永久免费SSL证书
  6. 数字化风控体系中的八类数据场景模型
  7. 嵌入式系统的学习困惑、知识体系、及学习建议
  8. 组件化开发之-我们有什么必要使用组件化开发?
  9. iOS 中DLog 用法
  10. 7.HTML中常见的列表元素有哪些,任务7——HTMl表单、列表等使用