数字格式化成K,M等格式

 function nFormatter(num, digits) {const si = [{ value: 1, symbol: "" },{ value: 1E3, symbol: "K" },{ value: 1E6, symbol: "M" },{ value: 1E9, symbol: "G" },{ value: 1E12, symbol: "T" },{ value: 1E15, symbol: "P" },{ value: 1E18, symbol: "E" }];const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;let i;for (i = si.length - 1; i > 0; i--) {if (num >= si[i].value) {break;}}return (num / si[i].value).toFixed(digits).replace(rx, "$1") + si[i].symbol;}

原本格式

    <div class="stat-display__value">22200</div><div class="stat-display__value">3388990000000</div>

经过js:

 $('.stat-display__value').each(function () {num = nFormatter($(this).text(), 2);$(this).html(num);});

呈现格式:

22.K
3.39T

另外,将数字以,每三位隔开:

function toThousandslsFilter(num) {return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','));}

javascript格式化数字成K,M等格式相关推荐

  1. JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去… 及其浮点数计算精度问题(推荐的类库 Numeral.js 和 accounting.js)...

    前端开发中经常会碰到用 JavaScript 格式化数字,最最常见的是格式化金额,一般格式化金额需要千分位分隔,保留2位小数等等. 还有偶然会遇到的使用 js 计算浮点数时出现误差. 完善的功能函数推 ...

  2. html显示千分位及小数位,JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去…...

    JavaScript 格式化数字.金额.千分位.保留几位小数.舍入舍去- 类库推荐 1. Numeral.js 一个用于格式化和操作数字的JavaScript库.数字可以被格式化为货币,百分比,时间, ...

  3. JavaScript格式化数字显示格式

    为什么80%的码农都做不了架构师?>>>    JavaScript格式化数字显示格式 /** * 格式化数字显示方式 * 用法 * formatNumber(12345.999,' ...

  4. JavaScript 格式化数字(格式化为N位补0)

    代码如下: // num传入的数字,n需要的字符长度 function PrefixInteger(num, n) {return (Array(n).join(0) + num).slice(-n) ...

  5. 在JavaScript中使用正好两位小数格式化数字

    我有这行代码将我的数字四舍五入到小数点后两位. 但是我得到这样的数字:10.8.2.4等.这些不是我对小数点后两位的想法,因此我如何改善以下内容? Math.round(price*Math.pow( ...

  6. php导出数字成科学计数法,php导出excel长数字显示成科学计数法格式的解决方案...

    php导出excel长数字显示成科学计数法格式的解决方案 首先,我们了解一下excel从web页面上导出的原理.当我们把这些数据发送到客户端时,我们想让客户端程序(浏览器)以excel的格式读取它,所 ...

  7. 【JavaScript】------- JavaScript 文件大小转换,字节转换成K、M、G、T 单位

    js文件大小转换,字节转换成K.M.G.T <button onclick="alert(getfilesize(2011))">获取文件大小</button&g ...

  8. php 数字货币格式化,NPM酷库:accounting,格式化数字和货币

    NPM酷库,每天两分钟,了解一个流行NPM库.· 上次,我们了解到如何使用numeral库格式化数字.今天我们继续认识另外一个用来格式化数字的库accounting. accounting accou ...

  9. NPM酷库:numeral,格式化数字

    NPM酷库,每天两分钟,了解一个流行NPM库.· JavaScript Core 并没有提供足够的数字变量格式化方式,而我们经常需要这样的操作,比如给数字加单位等,虽然需求简单,但是写起来还是要费一些 ...

最新文章

  1. 谷歌的深度学习在AI芯片中找到了一条关键路径
  2. 【redis】使用 URI 配置 redis
  3. 在php获取访问方的ip
  4. php strlen 线程安全,浅析PHP中strlen和mb_strlen的区别
  5. nginx 直接在配置文章中设置日志分割
  6. python属性和方法的区别_Python中几种属性访问的区别与用法详解
  7. Python字典的操作与使用
  8. python hashlib_python hashlib模块
  9. bat替换文件中的字符串_JavaScript 中替换字符串的几种方法
  10. 海量小文件的开源存储方案选型建议
  11. Java项目毕业设计:基于springboot+vue的旧物置换网站
  12. 组策略 禁止用户策略下发到指定计算机,Win7 64位旗舰版下利用组策略禁止程序运行的设置技巧...
  13. 边缘化(marginalization )和稀疏化(sparsification)---ceres-solver
  14. 计算机生命科学研究系,生命科学与计算机科学的结合发展研究
  15. elasticsearch--wildcard查询
  16. SQL 注入式攻击的终极防范
  17. 从异构软件开发者的角度看异构计算
  18. [职场原则] 疏不间亲
  19. 如何用ARIMA模型做预测?
  20. ideaic安装教程_IntelliJ IDEA安装图文教程

热门文章

  1. 闯关答题小程序-学习地图模式
  2. android扁平风格图标下载,meeyo下载-meeyo扁平风格圆图标包下载v3.9.1 安卓版-西西软件下载...
  3. 虚拟机网络如何ping通
  4. 大小写转化php,php大小写转换
  5. 优衣库电子快报里的“服适人生”
  6. WP插件教程—AKISMET反垃圾邮件插件
  7. Uboot命令[part]
  8. Web安全 文件上传漏洞的 测试和利用.(上传一个图片或文件 拿下服务器最高权限.)
  9. 步进电机基础知识和基本应用
  10. aspnet登录界面代码_英雄联盟手游登录问题汇总