方法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. 2021年春季学期-信号与系统-第七次作业参考答案-第四小题
  2. Python-OpenCV之图片缩放(cv2.resize)
  3. windows下mysql中文乱码_windows下mysql中文乱码, 配置解决方法
  4. Java JDBC c3p0
  5. Fatal error: Class 'ZipArchive' not found的解决办法
  6. 查看 svn 中本地项目的版本
  7. linux shadow文件如何拷贝,Linux如何查找shadow文件进入?这样几步轻松搞定!
  8. LINUX编译GtkLP(开源的打印机图形化工具)
  9. MSP430的JTAG接口和BSW接口
  10. DDD中的“领域模型”
  11. mac算法c语言,MAC算法原理
  12. 更改C盘用户目录下的文件夹名称
  13. 中国有句俗语叫“三天打鱼两天晒网”。某人从1990年1月1日起开始“三天打鱼两天晒网”, 问这个人在以后的某一天中是“打鱼”还是“晒网”?(考虑中间有几个闰年)
  14. 知乎视频该如何玩能够赚到一波,5K字揭秘!
  15. 求符号函数sgn(x)的c++程序
  16. K2P没有无线信号LED灯不亮,居然成功修复
  17. Latex中斜线表头的制作方法
  18. GPU Profiling 101
  19. 论坛报名 | Sanjeev Arora,周志华,马毅,张长水……
  20. MyBatis中日期时间的处理

热门文章

  1. 利用OpenGL的多视区分别在4个视区内显示空间四面体的透视投影图、主视图、俯视图、侧视图
  2. 雅思备考-口语词组积累-第4章
  3. ARTS挑战第十九周
  4. ElasticSearch 7.x 简体/繁体搜索
  5. 【PHP 随记】—— ThinkPHP 配置数据库
  6. flutter图片聊天泡泡_基于 Flutter+Dart 聊天实例 | Flutter 仿微信界面聊天室
  7. 自媒体赚钱吗?如何通过自媒体快速变现
  8. 生鲜版微信小程序 水果小程序 修齐网络专业开发app
  9. 华大智造国产基因测序仪全球装机量再创新高,突破1000台
  10. 数字形式转换——python123