JavaScript 实现数字千分位分隔符的简单方法
作者:半夏时间:2026-10-30 11:42:54浏览:263
本文通过具体数值示例,展示如何使用 JavaScript 将长数字字符串转换为带千分位逗号分隔的格式。代码逻辑清晰,通过截取余数并循环分组拼接,实现高效的数字格式化功能,适合前端开发参考。
JavaScript 实现数字千分位分隔符的简单方法
本文以数值 65,541,694,158 为例,介绍在 JavaScript 中为字符添加千分位分隔符的实现方法。相关代码逻辑简单且易于理解,具体实现如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>给字符加千分号</title>
<script type="text/javascript">
var str = '2359844564654';
function test3(str) {
var iNum = str.length%3; //余数
var prev = '';
var arr = [];
var iNow = 0;
var tmp = '';
if(iNum !=0) {
prev = str.substring(0,iNum); //将余数截取出来
arr.push(prev);
}
str = str.substring(iNum);
for(var i=0;i<str.length;i++) {
iNow++;
tmp +=str[i];
if(iNow ==3 && tmp) {
arr.push(tmp);
tmp = '';
iNow = 0;
}
}
return arr.join(',');
}
alert(test3(str));
</script>
</head>
<body>
<p></p>
</body>
</html>
以上所述是小编给大家介绍的基于JS如何实现给字符加千分符(65,541,694,158),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对本站网站的支持!
作者最新文章
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
