js保留两位小数方法总结
### JS保留两位小数的方法详解 #### 一、四舍五入法 ##### 1. 使用 `toFixed()` 方法 **示例代码**: ```javascript let num = 2.446242342; num = num.toFixed(2); // 输出结果为 2.45 ``` **解析**: - `toFixed()` 是 JavaScript 的 Number 对象的一个方法,它可以返回一个数字的字符串表示形式,该字符串包含指定位数的小数。 - 如果指定位数小于实际小数位数,会进行四舍五入;如果大于实际小数位数,则会在末尾添加零。 **注意事项**: - `toFixed()` 返回的是字符串,而非数值类型。 - 如果传入的参数不是数字,则会抛出异常或返回 NaN 的字符串表示。 ##### 2. 不使用四舍五入 **第一种方法**: 先把小数变整数,然后除以 100。 **示例代码**: ```javascript let num = 15.7784514000; num = Math.floor(num * 100) / 100; // 输出结果为 15.77 ``` **解析**: - `Math.floor()` 用于向下取整,将乘以 100 后的结果向下取整,然后再除以 100 来得到最终结果。 - 这种方法不会进行四舍五入。 **注意事项**: - 如果数值非常大或者非常小,可能会因为精度损失而产生误差。 - 对于负数,可以先将其转换为正数处理后再转回负数。 **第二种方法**: 使用正则表达式。 **示例代码**: ```javascript let num = 15.7784514000; num = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/)); // 输出结果为 15.77 ``` **解析**: - 将数字转换为字符串,并使用正则表达式匹配最多两位小数的数字。 - 再将匹配到的结果转换回数字。 **注意事项**: - 此方法不适用于整数,因为没有小数点,除非将整数写为 `10.0000` 形式。 - 负数同样需要特殊处理。 #### 二、自定义函数实现 **示例代码**: ```javascript // 四舍五入保留两位小数(若第二位小数为0,则保留一位小数) function keepTwoDecimal(num) { let result = parseFloat(num); if (isNaN(result)) { alert('传递参数错误,请检查!'); return false; } result = Math.round(num * 100) / 100; return result; } // 四舍五入保留两位小数(不够位数,则用0替补) function keepTwoDecimalFull(num) { let result = parseFloat(num); if (isNaN(result)) { alert('传递参数错误,请检查!'); return false; } result = Math.round(num * 100) / 100; let s_x = result.toString(); let pos_decimal = s_x.indexOf('.'); if (pos_decimal < 0) { pos_decimal = s_x.length; s_x += '.'; } while (s_x.length <= pos_decimal + 2) { s_x += '0'; } return s_x; } ``` **解析**: - `keepTwoDecimal` 函数通过四舍五入来保留两位小数,如果第二位小数为 0,则只保留一位。 - `keepTwoDecimalFull` 函数也是通过四舍五入保留两位小数,但当不足两位时会在末尾补充 0。 **注意事项**: - 参数必须是数字,否则会返回错误提示。 - 对于负数的处理与上述方法相同。 #### 三、其他方法 **示例代码**: ```javascript function fomatFloat(src, pos) { return Math.round(src * Math.pow(10, pos)) / Math.pow(10, pos); } alert("保留2位小数:" + fomatFloat(3.14159267, 2)); ``` **解析**: - 通过 `Math.pow(10, pos)` 计算出倍数,乘以原数后再进行四舍五入,最后除以相同的倍数。 - `pos` 参数表示要保留的小数位数。 **注意事项**: - 此方法适用于任何小数位数的保留。 - 当 `pos` 大于实际小数位数时,会自动补充 0。 #### 总结 以上介绍的方法各有优缺点,具体选择哪一种取决于实际应用场景的需求。在实际开发中,还需要考虑到数值的范围、精度损失等问题,选择最合适的解决方案。
- 粉丝: 6
- 资源: 952
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
- 1
- 2
前往页