正则实现数字的千位分隔符表示法

2021年11月24日 阅读数:2
这篇文章主要向大家介绍正则实现数字的千位分隔符表示法,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

原文连接: https://www.cnblogs.com/yalong/p/15183715.htmlhtml

好比把 12345678,变成 12,345,678
可见是须要把相应的位置替换成 ,code

方法一

先弄出最后一个逗号

使用 (?=\d{3}$)就能够作到:htm

var result = "12345678".replace(/(?=\d{3}$)/g, ',')
console.log(result);
  // => "12345,678"

其中(?=\d{3}$) 匹配 \d{3}$ 前面的位置。而 \d{3}$ 匹配的是目标字符串最后那 3 位数字。blog

弄出全部的逗号

由于逗号出现的位置,要求后面 3 个数字一组,也就是 \d{3} 至少出现一次。 此时能够使用量词 +:字符串

var result = "12345678".replace(/(?=(\d{3})+$)/g, ',')
console.log(result);
// => "12,345,678"

写完正则后,要多验证几个案例,此时咱们会发现问题:get

 var result = "123456789".replace(/(?=(\d{3})+$)/g, ',')
 console.log(result);
 // => ",123,456,789"

由于上面的正则,仅仅表示把从结尾向前数,一可是 3的倍数,就把其前面的位置替换成逗号。
所以才会出 现这个问题。
怎么解决呢?
咱们要求匹配的到这个位置不能是开头。
咱们知道匹配开头能够使用 ^,但要求这个位置不是开头怎么办?
(?!^) 就能够实现console

  var regex = /(?!^)(?=(\d{3})+$)/g;
  var result = "12345678".replace(regex, ',')
  console.log(result);
  // => "12,345,678"
  result = "123456789".replace(regex, ',');
  console.log(result);
  // => "123,456,789"

那若是要支持带小数点的数呢,好比 123456.12 转成 123,456.12
只需稍做处理便可,以下:方法

var regex = /(?!^)(?=(\d{3})+(\.|$))/g;
"123456.12".replace(regex, ','); // "123,456.12"

就只是加个限制 ?=(\d{3})+ 的后面是结束符 或者点号
验证以下:co

var regex = /(?!^)(?=(\d{3})+(\.|$))/g;
"123456.12".replace(regex, ','); // "123,456.12"
"123456".replace(regex, ','); // "123,456"

方法二

先看代码:字符

'12345.12'.replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,'); // "12,345.12"
'312345.12'.replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,'); // "312,345.12"
'312345'.replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,'); // "312,345"

实现思路拆解

  • \d{1,3} 表明1到三位的数字,
  • (?=(\d{3})+(\.|$)) 是三位数字而且后面是点号或者结束的字符串
  • $& 是匹配到的子串
  • '$&,'就是吧匹配到的子串加个逗号