使用千位分隔符(逗号)表示web网页中的大数字

做手机端页面我们常常遇到数字,而在Safari浏览器下这些数字会默认显示电话号码,于是我们就用到了补坑的方法加入<meta>标签:

<meta name="format-detection" content="telephone=no">这个标签的意义在于将数字不被看成电话号码,于是就万事大吉了O(∩_∩)O,但是如果是一个订餐电话,那么在加入这个标签之后,订餐电话就变成了数字,就不能直接拨号了于是乎我们想到了用千位符老表示数字从而区分电话号码和数字

千位符

在西方,在表示很大的数字的时候,会以每3位为一个间隔进行分隔,分隔的符号就是英文逗号,由于中文里面,第3位是“千”,因此,数字中的这个“逗号”也被称为“千位分隔符”。

之所以会以每3位进行分隔,是英文的读数有关的,举个例子:英语的987,654,321读法是: nine hundred and eighty-seven billion six hundred and fifty-four thousand three hundred and twenty-one。

其关键的数值单位,如billionthousand正好就是千分分隔符的位置。可见这种分隔是和西方数值阅读方法相辅相成的。

但是对于中文用户而言,这种风格反而是一种尴尬。我们的大数值单位主要就是“万”和“亿”,如果按照这种标准进行分割的话,应该是每4位进行分隔。所以,当我们一开始看到3位分隔的数字的时候,一定会奇怪这分隔的方式有些不按套路。

那有没有解决的办法呢;

办法一:

方法一:使用正则表达式


语法如下:


String(Number).replace(/(\d)(?=(\d{3})+$)/g, "$1,");

举例:


String(123456789).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
办法二:

方法二:使用toLocaleString()方法


语法如下:


Number.toLocaleString(‘en-US‘);

举例:


(123456789).toLocaleString(‘en-US‘);

结果是:123,456,789


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


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

				
时间: 2024-10-12 04:31:21

使用千位分隔符(逗号)表示web网页中的大数字的相关文章

js实现千位分隔符

//正则表达式实现千位分隔符 function format(num){ var reg = /\d{1,3}(?=(\d{3})+$)/g; return (num + '').replace(reg, '$&,'); } console.log(format(13123903243)); //13,123,903,243 解释: 正则表达式 \d{1,3}(?=(\d{3})+$)  表示前面有1~3个数字,后面的至少由一组3个数字结尾. ?=表示正向引用,可以作为匹配的条件,但匹配到的内容

Javascript 利用正则表达式实现数字千位分隔符

最近在网上有看到使用js来实现数字的千位分隔符的面试(笔试)题,所以就自己写了一个利用“正则+replace”来实现的方法:    1 var thousandBitSeparator = function(numStr){ 2 var b = /([-+]?\d{3})(?=\d)/g; 3 4 return numStr.replace(b, function($0, $1){ 5 return $1 + ','; 6 }); 7 } 支持正负号匹配,小数点区分,如有错误,希望大大们指出:-

添加千位分隔符

给1234567890,这十个数字增加千位分隔符: Shell下的利器很多,一般最简单的两个方法,一个是Shell自带的printf命令,另一个是Perl的正则.一想到要格式化字符串,其实第一个就应该想到printf,几乎所有的编程语言都会自带这个函数,类Unix下同样到处都兼容神器. 一.Shell的printf如下: printf "%'d\n" 1234567890 二.Perl的正则如下: echo '1234567890' | perl -pe 's/(?<=\d)(?

为数字增加千位分隔符

将普通数字加上千位分隔符在涉及金钱的业务上很常见 例如 123456.78 需要显示为123,456.78 使用正则的方法最简单 ``` function numFormat(num){ let res=num.toString().replace(/\d+/, function(n){ // 先提取整数部分 return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){ return $1+","; }); }) return res; } v

千位分隔符的完整攻略

千位分隔符[1]是很常见的需求,但是输入文本千变万化,如何才能准确添加千分符呢? 纯整数情况 纯整数大概是所有情况里最简单的一种,我们只要正确匹配出千分位就好了. 观察上面的数字,我们可以得出千分位的特征是到字符串终止位有 3n 个数字,不包括起始位.于是可以得到这样的函数: let milliFormat = (num) => { return num && num.toString().replace(/(?=(?!^)(\d{3})+$)/g, ',') } 但是往往现实没有那

pandas dataframe 如何把带有千位分隔符的字符串转化为浮点数

如何将下图中的浏览量(PV).访客数(UV).IP数这几列中的带有千位分隔符","的字符串类型转换成浮点数类型 示例代码如下: import pandas as pd test = pd.DataFrame({'A': ['1,232.1', '22,332.3', '3,232', '1,111,111']}) print(type(test.loc[0,'A'])) test1 = pd.DataFrame({}).append(test)   test1['A'] = test1

玩转千位分隔符输出

1.Python 1.1 format方法: 2.7版本以上直接用format设置千分位分隔符 Python 2.7 (r27:82500, Nov 23 2010, 18:07:12) [GCC 4.1.2 20070115 (prerelease) (SUSE Linux)] on linux2 Type "help", "copyright", "credits" or "license" for more inform

Web网页中添加视频播放处理

最近刚好做一个网站视频播放的功能,在此总结: 自己的方法(支持mp4,ogg,mvk格式): <%--宣传视频--%> <!-- One Third Box Start --> <%--属性 值 描述--%> <%--autoplay autoplay 如果出现该属性,则视频在就绪后马上播放.--%> <%--controls controls 如果出现该属性,则向用户显示控件,比如播放按钮.--%> <%--height pixels 设

金额四舍五入,千位分隔符

/** * 四舍五入,格式化输出金额.用来显示在编辑页面上.如 3000.3456 -> 3000.35 * @param num doule 源数字 * @return String 经过格式化的金额字符串 */ public static String formatEditMoney(String s){ if ((s==null)||(s.equals(""))) return ""; DecimalFormat df = new DecimalForm