在 JavaScript 中格式化小数
本文将研究如何使用 JavaScript 格式化小数位数。
要在 JavaScript 中用逗号和小数位格式化数字，我们可以使用 Math.round() 和 split() 到指定的数字。我们可以使用 toFixed()、toString() 和 toLocaleString() 方法来格式化十进制数。
使用 toString() 方法在 JavaScript 中格式化小数
JavaScript 的 toString() 方法将数字转换为字符串并返回表示指定 Number 对象的字符串。
<!DOCTYPE html>
<html>
<body>
<script>
var numb = 45342.764;
var valu = Math.round(Number(numb) * 100) / 100;
var pts = valu.toString().split(".");
var num =
pts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") +
(pts[1] ? "." + pts[1] : "");
console.log(num);
</script>
</body>
</html>
运行代码
.split() 函数将特定位置的字符串片段转换为数组组件，然后将其合并回以逗号分隔的系列。
输出：
"45,342.76"
你甚至可以通过创建一个函数来使用 toString() 方法。
<script>
var numb = 45342.76;
function numbCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(numbCommas(numb));
</script>
运行代码
输出：
"45,342.76"
使用 toFixed() 方法在 JavaScript 中格式化小数
JavaScript 中的 toFixed() 方法格式化一个带两位小数的数字。toFixed() 方法使用小数点右侧的指定位数格式化数字。
它输出具有正确小数位数但不使用科学记数法的数字的字符串表示形式。
<script>
var number1 = 45342.764; document.write("number1 is : " + number1.toFixed(2));
document.write("
<br /> ");
</script>
运行代码
输出：
number1 is: 45342.76
使用 toLocaleString() 方法在 JavaScript 中格式化小数
同样，我们可以使用 toLocaleString() 方法用逗号分隔十进制数，这对于不同的地方是不同的。就像 en-US 在每 3 个位置用逗号分隔数字，而 hi-IN 在前 3 个位置分隔，然后在每 2 个位置分隔。
let decNum = 4534289.764;
console.log(decNum.toLocaleString('en-US'));
console.log(decNum.toLocaleString('hi-IN'));
运行代码
输出：
"4,534,289.764"
"45,34,289.764"
相关文章
在 JavaScript 中隐藏表格行
发布时间：2024/03/18 浏览次数：184 分类：JavaScript
-
JavaScript 不一定有任何可以直接隐藏表格内容的预定义函数。更准确地说，有 jQuery 的 toggle() 函数和 hide()、show() 函数，它们依次执行以按下行并展开它们。
JavaScript 表格滚动
发布时间：2024/03/18 浏览次数：139 分类：JavaScript
-
要在网页中滚动表格内容，我们可以依赖一些 JavaScript 属性来依次执行任务。overflow、overflowX 和 overflowY 的使用使表格可滚动且可访问。
用 JavaScript 检查按钮是否被点击
发布时间：2024/03/18 浏览次数：147 分类：JavaScript
-
使用 JavaScript 检查按钮是否被点击可以通过三种方法进行。在 HTML 中添加 onclick 属性，将脚本标签中的 onclick 初始化为方法，使用 EventListener 可能是更好的方法。
JavaScript 更改按钮文本
发布时间：2024/03/18 浏览次数：128 分类：JavaScript
-
本教程展示了如何使用 JavaScript 更改按钮文本，并演示了使用 jQuery 更改按钮文本。
