很常见的一个需求,把高位的数字用千分符隔开,让数字更整洁可读。

like this:

开发方案

方案一:

使用numeral:这是一个接口丰富的数字处理工具,一般情况的数字和单位方面的需求都能cover。

方案二:

使用我的渣正则写了个RegExp,仅供参考

const thousandSeparate = (num) =>{return num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}
复制代码

当然这些也不是这篇文章的重点

高星库的公式

其实我在开发中先使用了numeral这个库,但是后来发现其实我现在也只需要添加千位分隔符一个功能,不需要因此使用这个库,我就阅读numeral的源码,抠出了这个库的千隔符公式


int.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + locale.delimiters.thousands)复制代码

可以看到核心正则/(\d)(?=(\d{3})+(?!\d))/g这个我们通过一个好用的小工具来看一下,推荐一个网站(regexper.com/),这个网站可以把正则表达式转换成视图

就像这样:

这样看是不是就一下好理解了?然后我们基于这个图来分析一下。

请见下章

【正则表达式】解析numeral的千位分隔符相关推荐

  1. word表格数据处理:如何给长数字添加千位分隔符?

    我们在工作中难免会遇到一些未设置任何格式的表格数据,这类数据会让读者看起来非常吃力.当碰到这个问题时,如果你只会手动一个个地去设置,那可得忙活半天.而如果你掌握一些整理数据的小技巧,别人半天的工作量, ...

  2. 千位分隔符的完整攻略

    千位分隔符[1]是很常见的需求,但是输入文本千变万化,如何才能准确添加千分符呢? 纯整数情况 纯整数大概是所有情况里最简单的一种,我们只要正确匹配出千分位就好了. 观察上面的数字,我们可以得出千分位的 ...

  3. HTML数字项目标签千位分隔符,请使用千位分隔符(逗号)表示web网页中的大数字

    一.移动端大数值会默认当作电话号码 在手机等移动设备上,对于超过一定个数的数值,系统默认会当做电话号码处理,而不是一个数字 按照中文用户的使用习惯,有时候个数很多的连续数字其实真的就是一个数字,自动变 ...

  4. python输出数字用逗号隔开_Python用逗号千位分隔符替换中间数字

    我有一个像这样的字符串: 123456789.123456789-123456789 在十进制/连字符之前和之后可以有任意数量的数字,我需要做的是删除小数点之前的所有内容,包括小数,并删除连字符和连字 ...

  5. Python基础:增加和去除数字的千位分隔符

    千位分隔符,其实就是数字中的逗号.依西方的习惯,人们在数字中加进一个符号,以免因数字位数太多而难以看出它的值.所以人们在数字中,每隔三位数加进一个逗号,也就是千位分隔符,以便更加容易认出数值. 处理财 ...

  6. android 千位分隔符 价格分隔符

    千位分隔符,其实就是数字中的逗号.依西方的习惯,人们在数字中加进一个符号,以免因数字位数太多而难以看出它的值.所以人们在数字中,每隔三位数加进一个逗号,也就是千位分隔符,以便更加容易认出数值. 例如 ...

  7. 万元怎样保留小数点_如何让数字以万元为单位显示并保留2位小数,且有千位分隔符...

    B列和C列的数据来自A列.现在要求分别设置B列和C列的单元格格式,显示为:万元保留1位小数,万元保留2位小数 显示数字(万元保留1位小数) 1,B列设置单元格格式,单元格自定义格式为:0!.0, 2, ...

  8. JS实现数字自动转换人民币金额(自动格式化输入的数字/千位分隔符)

    这个货币转换JS代码,可以实现自动格式化输入的数字,自动千位分隔符 <script> function cc(s){if(/[^0-9\.]/.test(s)) return " ...

  9. OpenERP 千位分隔符(thousand separator)

    设置--翻译--语言 编辑 简体中文 语言 分隔符格式填入 [3] :千位分隔符填入 ,  (半角逗号): 如果要用空格作为thousand separator,填入一个空格貌似不行,填两个空格可产生 ...

最新文章

  1. 概率论-3.1 多位随机变量及其联合分布
  2. Nginx的rewrite之if指令(二)
  3. mysql无法创建新用户_如何mysql禁止创建新用户
  4. VB数据库经典实例总结(二)
  5. libreoffice python 操作word及excel文档
  6. Spring知识点一站到底(转载)
  7. YARN REST API
  8. oracle windows 优化工具,使用某Windows优化大师对Windows2000操作系统进行了优化,优化完成之后,oracle数据库便无法正常工作...
  9. MicroMsg.SDK.WXMsgImplComm: ignore wechat app signature validation
  10. 转:多玩网总裁李学凌:在腾讯阴影下
  11. 矢量网络分析仪程控软件
  12. 在计算机硬件系统中 cache是,CPU中Cache是什么
  13. 华为5G手机回归,再次打破国外技术垄断,将价格推至新高度
  14. 解答:CPU温度多少正常?CPU温度过高怎么解决?
  15. “铁人三项”运营、技术、资本无短板,BW期货交易平台要逆天爆发?
  16. Oracle技术分享 创建外键报错ORA-00906
  17. P****cms简单去版权,不逆向dll,只是简单的隐藏掉而已
  18. mds、mds_stores、mdworker 占用大量 cpu 和内存
  19. 最新消息!阿里宣布无限期延迟复工,字节跳动、腾讯......等企业也再次延迟!...
  20. 图片加载库 kean/Nuke ,源代码看看

热门文章

  1. Java学习-面向对象实现点和圆的关系判断
  2. 华南理工大学计算机课设,华南理工大学 操作系统(含课程设计)随堂练习
  3. 用什么打开DWG文件进行查看呢
  4. 【Python_Xpath学习笔记(一)】 Xpath选择器基础用法介绍
  5. Cobbler自动装机(装机步骤,优化内容详解,导入系统镜像步骤,cobbler-web管理认证方式)
  6. virtualbox centos7,访问海康录像机
  7. 基于SDFormat创建ROS+Gazebo仿真世界和模型
  8. CE认证介绍(转载)
  9. 微信小程序 手写签名_微信小程序实现手写签字
  10. 会声会影X6添加素材和预览的方法