javascript - 仅当数字有小数位时才将数字格式化为 2 位小数

Question

我希望 d3 将我的数字格式化为 2 个小数位，前提是它具有十进制值。 另外，我希望它使用一种格式函数。

目前，我一直在使用它。有什么方法可以改进这个问题以解决这个问题吗？

d3.format(",.2f")(10101); //10,101.00 which must be displayed as 10,000 only

d3.format(",.2f")(12334.2); //12,334.20 this is okay

Answer 1

I want it to work with one single format function

嗯，那是不可能的。 D3 格式函数无法适应您像那样传递给它们的数字。

但是，您可以有两个 格式函数，并测试您传递的数字是否有小数位。这是一种可能的测试方法:

number % 1

对于整数返回 0。

然后，在 ternary operator 中，您可以选择要使用的 d3.format 函数:

!(number % 1) ? someFormat(number) : otherFormat(number)

这是一个演示:

var formatInteger = d3.format(",");
var formatDecimal = d3.format(",.2f");

var number1 = 10101;
var number2 = 12334.2;

function format(number){
return !(number % 1) ? formatInteger(number) : formatDecimal(number)
}

console.log(format(number1))
console.log(format(number2))

<script src="https://d3js.org/d3.v4.min.js"></script>