如何在 JavaScript 中将数值格式化为固定两位小数-js教程-PHP中文网

如何在 JavaScript 中将数值格式化为固定两位小数

本文介绍使用 toFixed(2) 方法将数字精确保留两位小数，并结合实际表单操作场景（如动态加减选项值）给出可直接复用的代码示例，同时指出常见陷阱与最佳实践。

本文介绍使用 `tofixed(2)` 方法将数字精确保留两位小数，并结合实际表单操作场景（如动态加减选项值）给出可直接复用的代码示例，同时指出常见陷阱与最佳实践。

在 JavaScript 中，若需将任意数字（包括整数、浮点数或计算结果）统一显示为恰好两位小数（如 5 → "5.00"，3.14159 → "3.14"，2.0 → "2.00"），最简洁可靠的方式是调用原生方法 Number.prototype.toFixed(2)。

该方法返回一个字符串类型的值，始终保留两位小数（自动四舍五入并补零），例如：

console.log((12).toFixed(2));        // "12.00"
console.log((3.1415).toFixed(2));    // "3.14"
console.log((0.5).toFixed(2));       // "0.50"
console.log((-7.896).toFixed(2));    // "-7.90"

⚠️ 注意事项：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

toFixed() 返回的是字符串，不是数字。若后续还需参与数学运算，请先用 parseFloat() 转回数字（但通常显示用途下保持字符串更安全）；

避免对 null、undefined 或非数字字符串直接调用，否则会抛出 TypeError；建议配合类型校验：

const safeToFixed = (num, digits = 2) => {
  const value = Number(num);
  return isNaN(value) ? '0.00' : value.toFixed(digits);
};

在涉及累加/减法的场景（如题中多选框值汇总），务必注意浮点数精度问题。虽然 toFixed(2) 解决了显示问题，但中间计算仍建议使用 parseFloat（而非 parseInt）以保留小数部分——原答案中 remove 逻辑误用 parseInt 会导致精度丢失，正确写法应为：

$('#btn-remove').click(function(){
  $('#select-to option:selected').each(function() {
    const selectedValue = parseFloat($(this).val()) || 0;
    const currentTotal = parseFloat($("input[name='class']").val()) || 0;
    const newTotal = (currentTotal - selectedValue).toFixed(2);

    $('#select-from').append(`<option value="${$(this).val()}">${$(this).text()}</option>`);
    $(this).remove();
    $("input[name='class']").val(newTotal); // 直接赋值字符串即可
  });
});

✅ 最佳实践总结：