Javascript 将数字转换为带 2 位小数的字符串

在前端开发中，我们通常需要将数字转换成字符串，并保留一定的小数位数。比如，我们需要将一个小数值保留两位小数后显示在用户界面上。本文将介绍如何使用 Javascript 将数字转换成带 2 位小数的字符串。

使用 toFixed() 方法

Javascript 中的 toFixed() 方法可以将数字转换成字符串，并保留指定的小数位数。该方法的语法如下：

number.toFixed([digits])

其中，number 是要转换的数字，digits 是保留的小数位数，可选参数，默认为 0。

下面是一个使用 toFixed() 方法将数字转换成带 2 位小数的字符串的示例代码：

let num = 3.1415926;
let str = num.toFixed(2); // 返回 "3.14"

上述代码中，将数字 3.1415926 转换成带 2 位小数的字符串 "3.14"。

需要注意的是，toFixed() 方法返回的是一个字符串，在进行数值运算时需要先使用 parseFloat() 或 Number() 将其转换成数字。

使用字符串模板

ES6 中的字符串模板可以用于将数字转换成带 2 位小数的字符串。语法如下：

`${number.toFixed(2)}`

其中，number 是要转换的数字，toFixed() 方法用于将其转换成带 2 位小数的字符串，并将其嵌入到字符串模板中。

下面是一个使用字符串模板将数字转换成带 2 位小数的字符串的示例代码：

let num = 3.1415926;
let str = `${num.toFixed(2)}`; // 返回 "3.14"

上述代码中，将数字 3.1415926 转换成带 2 位小数的字符串 "3.14"。

需要注意的是，字符串模板返回的也是一个字符串，在进行数值运算时需要先使用 parseFloat() 或 Number() 将其转换成数字。

总结

本文介绍了两种将数字转换成带 2 位小数的字符串的方法：使用 toFixed() 方法和使用字符串模板。需要注意的是，这两种方法都返回的是字符串，在进行数值运算时需要先使用 parseFloat() 或 Number() 将其转换成数字。