文章目录

  • 前言
  • 一、JS四舍五入保留小数
    • 1.toFixed()函数
  • 二、JS不四舍五入保留小数
    • 1.Math.floor()和Math.ceil()函数
    • 2.parseInt()函数
    • 3.parseInt()和toFixed()、Math.floor()与toFixed()
    • 4.字符串匹配
  • 总结

前言

在JS中保留小数的方法有很多,可以Math函数或者以字符串形式来进行处理,但在有的时候需要四舍五入,有时候不需要,这里围着这两点展开;


一、JS四舍五入保留小数

1.toFixed()函数

使用toFixed()函数可以对小数位进行四舍五入,得到的结果是字符串类型;

 var number = 0.9996var Test = number.toFixed(2); //这里会自动四舍五入,保留两位小数console.log(Test); //1.00console.log(typeof(Test)); //String

二、JS不四舍五入保留小数

这里的方法均不会对小数四舍五入处理

1.Math.floor()和Math.ceil()函数

Math.floor()对数值进行向下取整,Math.ceil()向上取整,并且不改变数据类型。这两个函数均只保留整数,所以还要/100才能得到想要的数据;

var number = 1.7332;
var Test1 = Math.floor(number * 100) / 100;//保留两位小数,
var Test2 = Math.ceil(number * 100) / 100;//保留两位小数console.dir(Test1);        //1.73
console.dir(typeof(Test1)); // numberconsole.dir(Test2);        //1.74
console.dir(typeof(Test2)); // number

2.parseInt()函数

从前面两个函数来看,也可以使用parseInt()进行取整后再除以100。

var number = 0.99996;
var Test1 = parseInt(number * 100) / 100;//保留两位小数,console.dir(Test1);        //0.99
console.dir(typeof(Test1)); // number

但是,当小数位只有一位或者两位都为0的情况下,则只会保留整数。

var number = 0.900006;
var Test1 = parseInt(number * 100) / 100;//保留两位小数,console.dir(Test1);        //0.9
console.dir(typeof(Test1)); // number

3.parseInt()和toFixed()、Math.floor()与toFixed()

这里如果需要自带补0的话,则要跟toFixed() 函数进行处理。

var number = 0.900006;
var Test1 = (parseInt(number * 100) / 100).toFixed(2);//保留两位小数,console.dir(Test1);        //0.90
console.dir(typeof(Test1)); // number

Math.floor()也是可以跟==toFixed()==函数一起进行处理的。

var number = 0.900006;
var Test1 = (Math.floor(number * 100) / 100).toFixed(2);//保留两位小数,console.dir(Test1);        //0.90
console.dir(typeof(Test1)); // number

4.字符串匹配

这里要注意的是先将数据转换为字符串,最后在转换为数值类型。

var number = 0.900006;
//这里使用正则表达式来进行处理
var Test1 = Number(number.toString().math(/^\d+(?:\.\d{0,2})?/)); console.dir(Test1);        //0.90
console.dir(typeof(Test1)); // number

总结

以上就是今天要讲的内容,本文仅仅简单介绍了JS保留小数位的方法,分别从四舍五入和是否自动补0这两个方面进行入手。

感谢观看,如果有帮助到你,请给题解点个赞和收藏,让更多的人看到。

JavaScript随手笔记---保留小数位相关推荐

  1. JavaScript随手笔记之--html拼接语句传递json数据

    html拼接语句传递json数据 在javascript中使用 **onclick()**传递处理json数据. 问题描述 在使用bootstrapTable插件绘制表格时: {field: 'fil ...

  2. JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数

    文章目录 前言 一.数据聚合 1.groupBy()函数 2.sortData()函数 二.ECS6箭头函数写法 1.sortClass()函数 2.运行结果 三.按需聚合(结合实际使用) 1.gro ...

  3. JavaScript随手笔记---轮播图(点击切换)

  4. JavaScript 学习笔记(1)

    1.     何为 Jscript JScript 是一种解释型的.基于对象的脚本语言. 局限性: 1)        不能使用该语言来编写独立运行的应用程序 2)        没有对读写文件的内置 ...

  5. 红宝书初步研读随手笔记

    红宝书初步研读系列–第一二三章 红宝书第一遍研读,知识点整理–随手笔记 第一章 什么是JavaScriptS 1.1. JavaScript包括: ECMAScript (核心)DOM(文档对象模型) ...

  6. JavaScript学习笔记05【高级——DOM对象】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  7. 将python中的小数直接进位的函数_python保留小数位的三种实现方法

    python保留小数位的三种实现方法 前言 保留小数位是我们经常会碰到的问题,尤其是刷题过程中.那么在python中保留小数位的方法也非常多,但是笔者的原则就是什么简单用什么,因此这里介绍几种比较简单 ...

  8. JavaScript 学习笔记(第三天)

    JavaScript 学习笔记(第三天) 一.数组 1.1.数组的基础 1.2.数据类型分类 1.3.创建数组 1.3.1.字面量创建一个数组 1.3.2.内置构造函数创建数组 1.4.数组的基本操作 ...

  9. JavaScript学习笔记(一)-Learning Advanced JavaScript

    JavaScript学习笔记 (一)- Learning Advanced JavaScript Learning Advanced JavaScript #2: Goal: To be able t ...

最新文章

  1. 一周内,在闲鱼上被疯狂转了 2 万次的 Linux 命令大全!!!
  2. mySql 主从复制linux配置
  3. BCH链上交易量剧增,超越莱特币
  4. Apache Tomcat 曝文件包含漏洞:攻击者可利用该漏洞读取webapp目录下的任意文件...
  5. centos7搭建nexus
  6. 【面经】记一次字节跳动前端面试经历
  7. 1.编写程序,打印基本ASCII码表(可印刷32到126)。
  8. pip安装lxml报错
  9. 【C++grammar】C++类数据成员的初始化
  10. SharePoint 2013开发入门探索(二)- 列表操作
  11. Packet Tracer 通过配置静态路由实现不同网段之间的通信(详细步骤)
  12. crontab关于 >/dev/null 2>1输出重定向问题
  13. coreseek 利用python作数据源建立索引
  14. git管理工具从网上检索下来的项目没有绿色对勾
  15. ITK实现DICM图像转换成BMP图像
  16. 51汇编——矩阵键盘
  17. 模糊控制器原理笔记(附简单demo以及MATLAB相关操作)
  18. mongodb导入JSON数据报错:Document is larger than the maximum size
  19. 论文笔记:SAIN: Self-Attentive Integration Network for Recommendation(SIGIR 2019)
  20. c语言小蜜蜂编程题,小蜜蜂 pascal程序

热门文章

  1. 王左中右致出版商的信件稿
  2. 金九银十,一个新的王者在8月即将加冕——Treasure project(TPC)重磅来袭,你参与了吗?
  3. 【分页存储管理】将十六进制的虚拟地址0A5C、103C、4251转换成物理地址
  4. Python爬取《冰雪奇缘2》豆瓣影评
  5. 深入剖析Tomcat第一章ERR_INVALID_HTTP_RESPONSE
  6. 外置USB供电与内置锂电池供电自动切换电路
  7. 线上应用遇到了oom killer
  8. 2019年个人暑期健身计划和执行结果:跑步250公里,体重减少5.5公斤,顺利完成
  9. 手机端html5网页音乐播放,js实现移动端H5页面音乐播放,兼容微信 safari浏览器...
  10. Twitter只剩下两个硬核程序员了!