方法1:使用正则表达式:

/*** 大数字转换 将数字分段显示,每三位用逗号隔开* @param value 数字值*/export function formatNumber (value: string | number) {value = value + '';return value.replace(/(\d)(?=(\d{3})+$)/g, "$1,");;
};formatNumber(25555) //25,555

方法2:使用 toLocaleString() 方法:

/*** 大数字转换 将数字分段显示,每三位用逗号隔开* @param value 数字值*/export function formatNumber (value: string | number) {value = Number(value);return value.toLocaleString('en-US');
};formatNumber(26666) //26,666

注意事项:

对于中文场景下,toLocaleString(‘en-US’) 中的’en-US’理论上是可以缺省的,也就是直接(123456789).toLocaleString() 也是可以得到 123,456,789。但是如果你的产品可能海外用户使用,则保险起见,还是保留 ‘en-US’。

另外,对于 IE edge 之前的版本,Number.toLocaleString() 会自动补上两位小数,如果是不需要的,需要自己额外过滤掉。

思路来自:http://www.zhangxinxu.com/wordpress/2017/09/web-page-comma-number/

前端大数字使用千分位(逗号)分隔相关推荐

  1. mysql千分位,数字转换千分位展示的方法及保留固定小数位的方法toLoacleString()方法详解...

    前面有篇博文写过数字转换千分位的方法,今天偶然看到一篇博文,对toLocale String()方法进行了更详细的解释,才知道这货这么强大 大佬博文地址在下方 这里仅阐述该方法用于number类型的情 ...

  2. 实现一个数字的千分位【Python】【整数与字符串之间的转换】

    题目描述 所谓千分位形式就是从数字个位数每三位加一个逗号,比如'100,000',输入一个数字实现千分位. 代码实现 def Qianfenwei(num):ans=''if num<0:a=- ...

  3. Java实现数字的千分位的处理

    前言: 最近在做财务系统的开发功能,要求在导出的word文档里面的数字,要以千分位的格式处理显示,于是写了一下下面的方法,希望可以帮助到需要的小伙伴 /** * 格式化数字为千分位显示: * @par ...

  4. 返回参数数字的千分位分隔符字符串+按指定长度切割数组

    刷题的时候刷到了返回参数数字的千分位分隔符字符串的题目 题目:返回参数数字的千分位分隔符字符串 输入:12345 输出:12,345输入:1234567 输出:1,234,567 (很抓马,我的脑袋空 ...

  5. 返回参数数字的千分位分隔符字符串

    返回参数数字的千分位分隔符,每千位划一个分隔符,因为位数不确定,所以选用递归的方式 <!DOCTYPE html> <html><head><meta cha ...

  6. mysql 在sql查询语句结果中,数字加千分逗号

    mysql 在sql查询语句结果中,数字加千分逗号 FORMAT(X,D) 将number X设置为格式 '#,###,###.##', 以四舍五入的方式保留到小数点后D位, 而返回结果为一个字符串. ...

  7. 数字与千分位字符串互转

    数字转千分位字符串 import { numberFormat } from "format.ts"; numberFormat(2000000); // 2,000,000.00 ...

  8. 前端 - 三种方式给数字加上千分位分隔符

    点击打开视频讲解 使用toLocaleString方法 let num = 1234567num = num.toLocaleString() console.log(num)// 1,234,567 ...

  9. JS-为金额添加千分位逗号分割符

    前言:这个功能在前端页面中使用的还是比较多的,正好我们的项目中也有使用此功能,不过YY同学写的代码不像个方法的样子,一个入口中间又插了几道子,所             以,我写了下面这个方法,经过测 ...

最新文章

  1. 数学建模公式编辑器_一款“神奇”的数学公式编辑器
  2. eclipse常用插件安装
  3. 浙大通讯与计算机网络离线作业,浙大2015年 通信与计算机网络离线作业
  4. GAN之父NIPS 2016演讲现场直击:全方位解读生成对抗网络的原理及未来(附PPT)
  5. Pytorch(四) --基于Pytorch实现线性回归
  6. Linux操作系统六大优点
  7. Java代码中方法的特殊修饰符/修饰词/关键字
  8. Java概述、环境变量、注释、关键字、标识符、常量
  9. 于.net开发平台项目案例集锦
  10. 关于java.util.Properties读取中文乱码的正确解决方案(不要再用native2ascii.exe了)...
  11. 20181121用户、组的基本概念
  12. (4)FPGA面试题同步逻辑和异步逻辑
  13. python四舍五入round_四舍五入就用round( )?Python四舍五入的正确打开方式!-Go语言中文社区...
  14. JAVA基础整理-6.Java数据类型
  15. ubuntu 安装J2EE环境
  16. 09. Django基础:URL反向解析
  17. jquery刷新iframe页面的方法
  18. 决赛巅峰之战落幕,第二届翼支付杯大数据建模大赛完美收官
  19. lzw算法c语言程序,LZW算法压缩c语言实现
  20. 分析网站如何检测已经登录的QQ帐号

热门文章

  1. 蓝桥杯 ADV_302 秘密行动
  2. Android 动态格子布局(淘宝,京东等首页)
  3. Flutter插件汇总
  4. JS实现页面返回顶部的匀加速运动
  5. 深度好文 | 千万小心,未来10年,这样的检测机构将锐减90%
  6. MP3,AAC,AC3技术比较
  7. JS鼠标滚轮事件mousewheel实现翻页(记录)
  8. 主动访问用户数据的背后是品牌战略
  9. 目标检测标签文件txt转成xml
  10. 店口镇残疾人之家开展山水花卉盆景制作培训活动