在前端开发中，经常需要将数字格式化为特定的字符串形式。例如，在显示货币或计算百分比时，必须指定要显示的小数位数。JavaScript提供了多种方法来执行此操作，其中toFixed()是最常用的方式之一。
toFixed()方法
toFixed() 是 JavaScript 中 Number 对象自带的一个方法，可将数字四舍五入为指定位数的小数，并将其转换为字符串形式。其语法如下：
number.toFixed(digits);
其中，number 是要被格式化的数字，digits 是表示保留几位小数的数字参数，范围为 0-20。如果 digits 大于实际小数位数，则添加零以达到指定的小数位数；如果 digits 小于实际小数位数，则进行四舍五入并截断。
以下是 toFixed() 方法的使用示例：
const num = 3.1415926; console.log(num.toFixed(0)); // 输出 3 console.log(num.toFixed(2)); // 输出 3.14 console.log(num.toFixed(4)); // 输出 3.1416
包围数字并返回字符串
有时候，我们不仅需要对数字进行格式化，还需要将其放在指定的字符或符号中。例如，我们想将数字 3.14 格式化为 [$3.14] 的形式。这可以通过模板字符串和 toFixed() 方法来实现，如下所示：
const num = 3.1415926;
const formattedNum = `[$${num.toFixed(2)}]`;
console.log(formattedNum); // 输出 [\$3.14]在以上代码中，我们使用了模板字符串来构建格式化后的字符串。通过在 ${} 中嵌套调用 toFixed() 方法，并在外部添加指定的字符或符号，我们可以达到包围数字并返回字符串的目的。
总结
在前端开发中，格式化数字并将其放入指定的字符或符号中是常见的任务之一。JavaScript 的 toFixed() 方法提供了一种简单而有效的方法来执行此操作。使用模板字符串和 toFixed() 方法，我们可以轻松地包围数字并返回字符串。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10921
