广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS如何去掉小数末尾多余的0,并且最多保留两位小数
  • 559
分享到

JS如何去掉小数末尾多余的0,并且最多保留两位小数

JS去掉小数末尾0JS保留两位小数JS保留小数 2023-05-15 17:05:29 559人浏览 泡泡鱼
摘要

目录js去掉小数末尾多余的0,并且最多保留两位小数思路js去掉小数点后面的0 (uniapp 和 Vue比较适用)总结js去掉小数末尾多余的0,并且最多保留两位小数 比如: '

js去掉小数末尾多余的0,并且最多保留两位小数

比如:

'' -> 0
0.00 -> 0
1 -> 1
1.10 -> 1
1.213000 -> 1.21
1.01 -> 1.01

代码如下:

思路

javascript的parseFloat函数,parseFloat(’ ') 是NaN,返回0,然后用parseFloat转换字符串或者数字,判断是否是小数并且小数点后超过两位,超过两位就转成两位小数,不超过就直接返回。

  function unifyNumber(num) {
    if (num === '') {
      return 0
    } else {
      let handleNum = parseFloat(num)
      let isToFixed = handleNum.toString().includes('.') && handleNum.toString().split('.')[1].length > 2
      if (isToFixed) {
        return handleNum.toFixed(2)
      } else {
        return handleNum
      }
    }
  }

注意: 如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN

js去掉小数点后面的0 (uniapp 和 vue比较适用)

项目后端返回的数据是这样的

由于移动空间比较小,00 也比较占用空间,干脆去掉,美观又好看

var a=11.00;console.log(a);;数字类型用的时候直接就去掉了无用的0
var a=‘11.00';console.log(Number(a));

字符串类型转成数字类型也就直接去掉了后面没用的0

OK了~

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: JS如何去掉小数末尾多余的0,并且最多保留两位小数

本文链接: https://www.lsjlt.com/news/209358.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS如何去掉小数末尾多余的0,并且最多保留两位小数
    目录js去掉小数末尾多余的0,并且最多保留两位小数思路js去掉小数点后面的0 (uniapp 和 vue比较适用)总结js去掉小数末尾多余的0,并且最多保留两位小数 比如: '...
    99+
    2023-05-15
    JS去掉小数末尾0 JS保留两位小数 JS保留小数
  • JS怎么去掉小数末尾多余的0并最多保留两位小数
    本文小编为大家详细介绍“JS怎么去掉小数末尾多余的0并最多保留两位小数”,内容详细,步骤清晰,细节处理妥当,希望这篇“JS怎么去掉小数末尾多余的0并最多保留两位小数”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。j...
    99+
    2023-07-06
  • Java之BigDecimal系列--去掉小数末尾多余的0
    原文网址:Java之BigDecimal系列--去掉小数末尾多余的0_IT利刃出鞘的博客-CSDN博客 简介 说明 本文介绍Java去掉BigDecimal小数末尾多余的0的方法。 概述 BigDecimal提供了stripTrailing...
    99+
    2023-09-14
    java 开发语言
  • php如何去掉多余的小数0位
    这篇“php如何去掉多余的小数0位”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“php如何去掉多余的小数0位”文章吧。PHP...
    99+
    2023-07-05
  • JS中如何移除非数字最多保留一位小数
    这篇文章主要介绍JS中如何移除非数字最多保留一位小数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!js中移除非数字最多保留一位小数的实现代码如下所示://去除非数字  &n...
    99+
    2022-10-19
  • JS如何控制只能输入数字并且最多允许小数点两位
    这篇文章主要介绍JS如何控制只能输入数字并且最多允许小数点两位,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体代码如下所示:<!DOCTYPE html> &...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作