JavaScript 中的数字格式

在 JavaScript 中，我们可以使用不同的数字格式，包括整数、浮点数、指数表示法等等。同时我们还可以格式化数字，以便更好的展示数据和提高可读性。

本文将介绍 JavaScript 中数字格式化的方法和示例。

数字格式化方法

在 JavaScript 中，一般使用内置方法 toFixed()、toExponential() 和 toPrecision() 函数对数字进行格式化。

1. toFixed() 方法

toFixed() 方法用于将数字转换为字符串，保留指定位数的小数。语法如下：

numObj.toFixed([digits])

numObj 表示要进行格式化的数字，digits 表示保留的小数位数，它是可选的，默认为 0。

示例：

let num = 123.456789;
console.log(num.toFixed(2));   // 输出: "123.46"
console.log(num.toFixed(0));   // 输出: "123"
console.log(num.toFixed());    // 输出: "123"

2. toExponential() 方法

toExponential() 方法用于将数字转换为指数形式字符串。语法如下：

numObj.toExponential([digits])

numObj 表示要进行格式化的数字，digits 表示在指数表示法中小数点后保留的位数，它是可选的，默认为 undefined，表示使用最佳效果。

示例：

let num = 123.456789;
console.log(num.toExponential(2));   // 输出: "1.23e+2"
console.log(num.toExponential(3));   // 输出: "1.235e+2"
console.log(num.toExponential());    // 输出: "1.23456789e+2"

3. toPrecision() 方法

toPrecision() 方法用于将数字转换为指定长度的字符串。语法如下：

numObj.toPrecision([precision])

numObj 表示要进行格式化的数字，precision 表示精度值，即结果字符串的总长度，它是可选的，默认为 undefined，表示使用最佳效果。

示例：

let num = 123.456789;
console.log(num.toPrecision(5));   // 输出: "123.46"
console.log(num.toPrecision(7));   // 输出: "123.4568"
console.log(num.toPrecision(10));  // 输出: "123.4567890"
console.log(num.toPrecision());    // 输出: "123.456789"

注意事项

使用 toFixed()、toExponential() 和 toPrecision() 方法时需要注意以下问题：

1. 对于小数点后的数字不足需要补零的情况，默认情况下这些方法并不会补零，需要我们自己手动添加。

2. 对于不能转换为数字的字符串，这些方法会返回字符串 "NaN"。

3. 对于超出 JavaScript 数字范围内表示的数字，这些方法会返回字符串 "Infinity" 或 "-Infinity"。

结论

数字格式化可以使我们更好的展示数据和提高可读性。JavaScript 提供了多种数字格式化方法，包括 toFixed()、toExponential() 和 toPrecision() 方法。在使用这些方法时需要注意传入参数的类型和默认值的处理。