当前位置: 首页 > news >正文

使用js给数字进位,比如23333元进位成2.33万元

文章目录

  • 一、进位函数:
  • 二、使用:
  • 总结


一、进位函数:

    //数字进位getUnitObjWithNumber(value){let dataconst returnObj = {}let dw = ''let chengshu = 1if (isNaN(value)) {data = 0} else {data = parseFloat(value)}if (Math.abs(data) < 10000) {if ((data + '').indexOf('.') >= 0) {returnObj.value = data.toFixed(2)} else {returnObj.value = data.toFixed(0)}//} else if (Math.abs(data) >= 10000 && Math.abs(data) < 100000000) {data = data * 0.0001chengshu = 0.0001returnObj.value = data.toFixed(2)dw = '万'} else if (Math.abs(data) >= 100000000 && Math.abs(data) < 1000000000000) {data = data * 0.00000001chengshu = 0.00000001returnObj.value = data.toFixed(2)dw = '亿'} else {data = data * 0.000000000001chengshu = 0.000000000001dw = '万亿'returnObj.value = data.toFixed(2)}returnObj.dw = dwreturnObj.chengshu = chengshureturn returnObj},

二、使用:

举例:

<template><div class="secondClass"><span>{{getUnitObjWithNumber(71000).value}}</span><span style="font-weight: normal">{{getUnitObjWithNumber(71000).dw}}</span></div>
</template>

前端页面显示的内容会是7.10万人


总结

在很多项目中,需要考虑当数据量过大,页面显示进位后的数据,以便页面不会错位和重叠。

http://www.lryc.cn/news/417363.html

相关文章:

  • Java二十三种设计模式-享元模式(12/23)
  • 腾讯云AI代码助手助力软件开发体验分享
  • Leetcode力扣刷题——182.查找重复的电子邮箱
  • idea中好用的插件
  • spring 代码执⾏ (CVE-2018-1273)漏洞
  • 幺麻子曲折上市路:毛利率近四年下滑不少,存货出现较大增长
  • Sol盗u、sol链上的USDT盗窃:警惕恶意智能合约
  • jupyter for c++
  • TCP Analysis Flags 之 TCP Window Full
  • 相关性检验
  • 【python】Django运行报错分析:ImproperlyConfigured 错误解决办法
  • AS01/AS11 创建固资和子资产
  • vue3数字动画插件countup.js
  • aspeed2600 GPIO分析与适配ipmitool power status, ipmitool power on/off
  • 在C#中配置ini文件以及封装ini类
  • 使用git上传代码到github
  • 滚珠花键:新能源汽车传动系统的核心动力传递者
  • LeetCode 149, 347, 31
  • 操作系统(信号处理)
  • [MRCTF2020]Ezpop
  • 24暑假算法刷题 | Day27 | 贪心算法 I | LeetCode 455. 分发饼干,376. 摆动序列,53. 最大子数组和
  • Golang 的空接口有什么用?
  • 计算机毕业设计选题推荐-课程教学平台-Java/Python项目实战
  • 健身日记之倒立俯卧撑学习——起始日2024.6.4
  • pikachu文件包含漏洞
  • 09.FreeRTOS时间片调度与任务相关函数
  • git分支介绍
  • vm虚拟机下安装CentOS7系统
  • python-报数(赛氪OJ)
  • 灵办AI:智能插件,办公与编程的得力助手