在前端开发中，我们经常需要将数字进行格式化以便于展示。其中一个常见需求是从数字中删除无关紧要的尾随零，例如将 1.2000 格式化为 1.2。本文将介绍如何使用 JavaScript 实现这一功能。
方法一：使用正则表达式
可以使用正则表达式来匹配数字字符串中的尾随零并将其删除。下面是一个示例函数：
function removeTrailingZeros(num) {
return num.toString().replace(/(\.\d*?[1-9])0+$/g, '$1');
}该函数将数字转换为字符串并使用正则表达式替换函数来去除尾随零。正则表达式 /(\.\d*?[1-9])0+$/g 匹配小数点后的任意数量的零，并捕获最后一个非零数字和它之前的所有数字。替换函数 $1 表示保留第一个捕获组（即非零数字及其之前的数字），因此只会删除尾随的零。
以下是该函数的使用示例：
console.log(removeTrailingZeros(1.2000)); // 输出 "1.2" console.log(removeTrailingZeros(3.140000)); // 输出 "3.14" console.log(removeTrailingZeros(100)); // 输出 "100"
注意观察第三个示例，该函数只会删除尾随的零，而不会将整数转换为小数。
方法二：使用 Number.prototype.toFixed()
JavaScript 中的 Number 类型有一个内置方法 toFixed()，可以指定保留的小数位数并返回格式化后的字符串。使用此方法可以轻松地从数字中删除无关紧要的尾随零。下面是一个示例函数：
function removeTrailingZeros(num) {
return (+num.toFixed(10)).toString();
}该函数首先使用 toFixed() 方法设置小数位数上限，并使用一元加运算符将其转换回数字类型以去除前导零。然后再将其转换回字符串类型以去除尾随零。请注意，在调用 toFixed() 时使用的值 10 表示最多保留十位小数。
以下是该函数的使用示例：
console.log(removeTrailingZeros(1.2000)); // 输出 "1.2" console.log(removeTrailingZeros(3.140000)); // 输出 "3.14" console.log(removeTrailingZeros(100)); // 输出 "100"
与方法一类似，该函数仅删除尾随的零，并保留整数部分。
结论
以上是两种常见的方法，用于从数字中删除无关紧要的尾随零。正则表达式方法更加灵活，可自定义小数点后的位数和规则。而使用 toFixed() 方法则更加简单，适用于常见的四舍五入场景。
在实际应用中，我们需要根据具体需求选择合适的方法，并进行充分测试以确保其正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11716
