JS中parseFloat处理整数保留两位小数且保持Number类型

首先明确JavaScript Number 类型的底层规则：它基于IEEE 754双精度浮点数实现，根本不存在“固定保留N位小数的Number值”这一概念。4000 和 4000.00 作为Number类型时是完全等价的同一个值，内存存储没有任何区别，控制台打印时省略末尾无意义的.00只是输出层的格式化规则，不代表数值精度丢失。
你提到的数据库decimal(18,2)字段读取后.00被转成整数，本质是JS解析Number值时自动省略了无意义的尾0，数值本身没有变化。

可行实现方案 #

根据业务场景的不同，选择对应方案即可：

场景1：数值计算/存储（要求类型为Number，精度对齐两位小数） #

如果需求是保证数值计算、传参时精度固定为两位小数，不出现浮点误差，不需要强求变量打印时带尾0（因为Number本身做不到），直接通过四舍五入截断精度即可，返回值是纯Number类型：

const to2DecimalNumber = (num) => {
  return Math.round(num * 100) / 100
}

// 测试用例
const x1 = 4000.00
const x2 = 4000.01

const y1 = to2DecimalNumber(x1)
const y2 = to2DecimalNumber(x2)

console.log(typeof y1, y1) // number 4000 （和4000.00完全等价，精度无差）
console.log(typeof y2, y2) // number 4000.01

验证：y1 === 4000.00 会返回true，数值完全相等，不存在精度问题。

场景2：页面/日志展示（要求固定显示两位小数格式） #

如果需求是最终输出给用户看的内容必须是4000.00这种带两位小数的格式，不要在计算、存储环节做类型转换，只在最终输出的节点调用.toFixed(2)格式化即可：

// 计算、传参、存储全程用Number类型，避免类型问题
const y1 = to2DecimalNumber(x1)
const y2 = to2DecimalNumber(x2)

// 仅在最终渲染/打印时格式化
console.log(y1.toFixed(2)) // 输出字符串 "4000.00"
console.log(y2.toFixed(2)) // 输出字符串 "4000.01"

常见误区说明 #

不要试图寻找“返回值为Number类型，打印出来自带两位小数尾0”的实现，这是违背JS语言底层设计的：

• Number类型只存数值大小，不存“显示格式”相关的元信息，尾0对数值大小无影响，会被引擎自动忽略
• 如果需要全程携带小数位信息，要么在所有输出节点统一做格式化，要么引入专门的高精度数值库用自定义对象存储数值和小数位配置，不要用原生Number硬实现。

内容的提问来源于stack exchange，提问作者Alaksandar Jesus Gene