js实现千位分隔

最近一个项目中使用到了千位分隔这个功能,在网上也看见一些例子,但是实现起来总觉有些复杂。因此,自己实现了一个千位分隔,留给后来的我们。

先上源码吧。

该方法支持传入的是一个数字字符串,数字。第二个参数为保留小数的位数,默认保留两位小数;

function splitThousands(num, fixed) {
    var reg = /\B(?=(\d{3})+$)/g;
    num = num.toString().split(".");

    num[1] = num[1] ? num[1].substr(0, fixed || 2) : "00000000000000000".substr(0, fixed || 2);

    return num.join(".");
}

这个方法实现非常简单,就是一个正则的问题。在该实现方法中,难点还是这个正则。

才陋学书,简单看看这个正则:

\B 同 \D, \W 等一样,取 \b 的反方向。 \b 单词分隔符,那么很明显,\B 就是非单词分隔符。 eg:

var str = "hello world, hello MobroZhu, not Mobro Zhu";
var reg = [/Mobro\b/g, /Mobro/g];
console.log(reg[0], reg[0].exec(str) , "\n" + reg[1], reg[1].exec(str));

打印日志如下:

/Mobro\b/g ["Mobro", index: 33, input: "hello world, hello MobroZhu, not Mobro Zhu"] "
/Mobro/g" ["Mobro", index: 19, input: "hello world, hello MobroZhu, not Mobro Zhu"]

很明显可以看出来,两次找到的 Mobro 不是同一个。没有 \b 的话,表示只要匹配到 Mobro 就算数。所以,/Mobro/g 会匹配到两个 Mobro,而 /Mobro\b/g 只会匹配到后面一个 Mobro.



他想,他的心,就像这个坍塌的洞,昏暗而闷臭,没有人适合住进来;

而他的感情,在人们的眼里,就像刚刚那只老鼠,却在黑暗和污水里,长得膘肥体壮,凶狠的能吃掉一只猫,可依旧见不得光,人人喊打。

一一 俗念亲 《每次跳楼,都看见那厮在铺救生气垫》

原文地址:https://www.cnblogs.com/Mobro/p/9383109.html

时间: 2024-11-08 21:32:11

js实现千位分隔的相关文章

把一串数字表示成千位分隔形式——JS正则表达式的应用

梳理思路 要先明白的是,我们将要转换成的数字格式是这样:从个位往左数起,每三位前插入一个千位分隔符,,即可以想象成我们要把每三位数字前面的那个空""匹配出来,并替换成千位分隔符,.每个千位分隔符后面的数字个数是3个或3的倍数个. 代码书写 创建一个正则表达式字面量,并加上全局匹配修饰符g.var reg = //g; W3C对全局匹配的解释是:查找所有匹配而非在找到第一个匹配后停止. 因为需要从右往左匹配,所以表示结尾的$是必须要有的.三位数字用\d{3}来表示,由于我们不知道究竟有多

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个数字结尾. ?=表示正向引用,可以作为匹配的条件,但匹配到的内容

数字规定时间内由0变大到一定数值,并千位分隔输出

<!DOCTYPE HTML> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>数字动态效果</title> <style type="text/css"> .MJHmain .MJHsimpleInfo {  padding: 78px 0;  text-align: center;   colo

js ---- 实现千位分隔符

第一种方法: var num = 1234567; var string = num.toString(); var arr = string.split('').reverse(); console.log(arr); var obj =[]; for(var i=0;i<arr.length;i++){ if(i%3 ===0 && i!==0){ obj.push(','); } obj.push(arr[i]); } obj.reverse() console.log(obj

java 有千位分隔逗号的数字格式化输出 数字前补0输出

System.out.printf("%,5d %,6.1f\n", 312342, 3155623.932);输出:312,342 3,155,623.9 System.out.printf("%05d %06.1f\n", 32, 32.32);输出:00032 0032.3

用js实现千位分隔符?

function commafy(num) { return num && num .toString() .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) { return $1 + ","; }); } console.log(commafy(1234567.90)); //1,234,567.90

javascript中将整数添加千位符号

如果num是整数的话,将其转换成带千位符号的字符串: Number(num).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' +  ','); 另外,http://www.cnblogs.com/yeminglong/p/5301295.html 给出了小数的转换格式,如下: 1 /** 2 * 3 * @param num 4 * @param precision 5 * @param separator 6 * @returns {*}

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 } 支持正负号匹配,小数点区分,如有错误,希望大大们指出:-

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

做手机端页面我们常常遇到数字,而在Safari浏览器下这些数字会默认显示电话号码,于是我们就用到了补坑的方法加入<meta>标签: <meta name="format-detection" content="telephone=no">这个标签的意义在于将数字不被看成电话号码,于是就万事大吉了O(∩_∩)O,但是如果是一个订餐电话,那么在加入这个标签之后,订餐电话就变成了数字,就不能直接拨号了于是乎我们想到了用千位符老表示数字从而区分电话号