js对金额数据添加最大金额单位【千、万、十万...】

常见的问题

对金额数据，后台数据返回的一般是直接的数字金额，比如说：20343.32，,62383223.33，561425之类的，这些数据直接放到前端，给用户直接看的话，很不好读，不友好，常见的方法是对金额进行增加千分位分割。

最后的结果会变成20,343.32，,62,383,223.33，561,425.00这样；

关于增加千分位的方法，之前的文章已经实现过一次，详见–vue element-ui实现input输入框金额数字添加千分位这篇文章；

现在要解决的问题是给数字增加一个单位，即最大金额单位；

比如：20,343.32，,62,383,223.33这样会显示成20,343.32(万)，,62,383,223.33(千万)这样，其代码实现如下（对千一下的金额未加以显示最大金额单位）：

export function transformUnit (val) {if (!val && val !== 0) return val;const unitList = ['','千' '万', '十万', '百万', '千万', '亿', '十亿', '百亿', '千亿', '兆']// 万一下的数据不考虑单位// 所有数据均除1000，然后向下取整，因小于1000的取整后为0，估对所有取整的后的数值扩大10倍// 扩大10倍后的数值转换为字符串，并获取起长度，并再减一const v = (Math.floor(val / 1000) * 10).toString().length - 1return unitList[v] || ''
}

js对金额数据添加最大金额单位【千、万、十万...】相关推荐

JS中金额转换以及格式化Vue过滤器
JS中金额转换以及格式化 - 为数字加上单位:万或亿 import Vue from 'vue' /** * 为数字加上单位:万或亿 * * 例如: * 1000.01 => 1000.01 * ...
php数字转千分制,JS实现金额千分制的转换以及还原
在开发中,我们遇到需要将金额的展示为千分制,有利于金额的展示.如果使用PHP或者后台亦可实现此功能,但一般情况下,金额需要参与计算,互相转换十分的麻烦. 而且仅在前端展示,不如使用JS实现金额的千分制 ...
用 node.js 来制作数据可视化视频吧
TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在 Web 前端.NodeJS 开发.UI 设计.移动 APP 等大前端领域都有所实践和积累. 目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余 ...
进一步封装axios并调用其读取数据（吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持，在这两种情况下的系统只能使用ajax或者原生js请求后台数据）
注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据报错截图如下报错内容: {&quo ...
【JavaScript】如何将JS中的数据提交到Servlet服务器中
功能用户可以在form表单中输入用户名和密码点击"改变用户名"."改变密码"."改变隐藏值"按钮后,相应input中的值被改变注意:此 ...
js html 处理json数据,JS中Json数据的处理和解析JSON数据的方法详解
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族 ...
原生js实现动态数据表格
动态生成表格是前端开发非常基础且重要的功能,大多数是后端返回数据(json类型),前端通过js循环来动态添加,所以这部分内容是十分重要的,功能其实肥肠简单,话不多数上代码. 先来看看头部组成: < ...
Three.js光照贴图添加阴影(·lightMap)
Three.js光照贴图添加阴影(·lightMap) 本文是Three.js电子书的8.7节在三维场景中有时候需要设置模型的阴影,也就是阴影贴图或者说光照贴图·lightMap,一般Threejs ...
去哪儿网网页版机票数据添加代理
目录携程手机版国内机票数据携程手机版国际机票数据携程网页版国内机票数据携程网页版国际机票数据去哪儿网手机版机票数据去哪儿网网页版机票数据携程手机版机票数据添加代理去哪儿网网页版机票数据 ...

js对金额数据添加最大金额单位【千、万、十万...】

常见的问题

js对金额数据添加最大金额单位【千、万、十万...】相关推荐

最新文章

热门文章