Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2019/6/27 22:19:18
本文主要是介绍Javascript将数值转换为金额格式(分隔千分位和自动增加小数点),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在项目里碰到需要把类似'450000'的数字转换为会计记账所用的格式,'450,000.00',分隔千分位和小数点后不够两位数时自动补齐,已下记录几种实现的方式
ps:如果不考虑后面的小数点,最快捷的方法:
"12345678".replace(/[0-9]+?(?=(?:([0-9]{3}))+$)/g,function(a){return a+','}); //输出 12 345 678
1.用循环的方式实现
function formatNum(str){ var newStr = ""; var count = 0; if(str.indexOf(".")==-1){ for(var i=str.length-1;i>=0;i--){ if(count % 3 == 0 && count != 0){ newStr = str.charAt(i) + "," + newStr; }else{ newStr = str.charAt(i) + newStr; } count++; } str = newStr + ".00"; //自动补小数点后两位 console.log(str) } else { for(var i = str.indexOf(".")-1;i>=0;i--){ if(count % 3 == 0 && count != 0){ newStr = str.charAt(i) + "," + newStr; //碰到3的倍数则加上“,”号 }else{ newStr = str.charAt(i) + newStr; //逐个字符相接起来 } count++; } str = newStr + (str + "00").substr((str + "00").indexOf("."),3); console.log(str) } } formatNum('13213.24'); //输出13,213.34 formatNum('132134.2'); //输出132,134.20 formatNum('132134'); //输出132,134.00 formatNum('132134.236'); //输出132,134.236
2.使用正则(比较不足的是还是得自己去判断小数点后面的位数,有更智能的正则请通知我~)
function regexNum(str){ var regex = /(\d)(?=(\d\d\d)+(?!\d))/g; if(str.indexOf(".") == -1){ str= str.replace(regex,',') + '.00'; console.log(str) }else{ var newStr = str.split('.'); var str_2 = newStr[0].replace(regex,','); if(newStr[1].length <= 1){ //小数点后只有一位时 str_2 = str_2 + '.' + newStr[1] +'0'; console.log(str_2) }else if(newStr[1].length > 1){ //小数点后两位以上时 var decimals = newStr[1].substr(0,2); var srt_3 = str_2 + '.' + decimals; console.log(srt_3) } } }; regexNum('23424224'); //输出2,42,224.00 regexNum('23424224.2'); //输出2,42,224.20 regexNum('23424224.22'); //输出2,42,224.22 regexNum('23424224.233'); //输出2,42,224.23
以上就是本文的全部内容,了解更多JavaScript的语法,大家可以查看:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持找一找教程网。
这篇关于Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南