JavaScript格式化数字

格式化数字：小数点前每三位添加逗号，小数点后不改变

介绍两种常用的格式化数字的方法：

字符串方法
字符串replace+正则表达式

    	function toThousands0(item){var item0=item.toString();var dot="";if (item0.indexOf(".")!=-1) {dot=item0.slice(item0.indexOf("."));//保留小数点后的内容item0=item0.slice(0,item0.indexOf("."));}var res='';while(item0.length>3){res=","+item0.slice(-3)+res;item0=item0.slice(0,item0.length-3);}if (item0) {res=item0+res;}return res+dot;}console.log(toThousands0(22.12578));console.log(toThousands0(7777.0123));console.log(toThousands0(10));

运行结果：

		function toThousands1(num) {var item0=num.toString();var res="";var dot="";if (item0.indexOf(".")!=-1) {dot=item0.slice(item0.indexOf("."));item0=item0.slice(0,item0.indexOf("."));}res= item0.replace(/(\d)(?=(\d{3})+$)/g, "$1,");return res+dot;}console.log(toThousands1(12345678901.10));console.log(toThousands1(123.5));

运行结果：

详解：

toString()方法的使用：javascript中的toString()方法，主要用于Array、Boolean、Date、Error、Function、Number等对象。可以参考javascript中的toString()方法
字符串方法比较请移步我的另一篇博客JavaScript字符串方法
有关正则：

\d表示匹配数字
()表示分组，分组一般和$1 $2...一起使用表示匹配的第一个分组第二个分组JavaScript正则表达式之分组匹配 / 反向引用
量词：{m}m次，{m,n}大于等于m小于等于n，{m,}表示大于等于m次，?={0,1}，+={1，}
^开头$结尾
g global全局匹配 i ignorCase忽略大小写 m mutiple允许多行匹配
replace第二个参数使用$必须加引号
有关?=的含义：

(?=)和(?!);零宽正向断言和负向断言，括号内表示某个位置右边必须和=右边匹配上，或者不和!后的字符匹配。

exp1(?=exp2) 查找exp2前面的exp1

exp1(?!exp2) 查找后面不是exp2的exp1

var pattern=/str(?=ings)ing/; 
console.log("strings.a".match(pattern)); 
console.log("strings.a".match(/string(?=s)/));
console.log("string_x".match(pattern));
console.log("string_x".match(/string(?=s)/));

注：

这里一定要用到分组()还有全局匹配g，类似一个遍历的过程。
如果有负号的话，建议像处理dot一样处理一下即可。

正则表达式的另外应用：字符串前面后面去空格：

const TRIM_REGX = /(^\s+)|(\s+$)/g;//因为是去首尾空格所以一定需要^和$，注意是多个空格所以一定要用+，表示出现1次及一次以上≥1，也就是{1,}  |表示或操作符
var myres0=' ScriptOJ   '.replace(TRIM_REGX, '') // => ScriptOJ
console.log(myres0.length);

运行结果：