如何在JavaScript中实现十进制数值的递减功能？

需求很明确：点击按钮时让数值按自身小数位数递减，比如：

• 1.22 → 1.21
• 3.00 → 2.99
• 1.2345 → 1.2344

你原来的代码有几个关键问题：

1. 生成递减步长的循环逻辑混乱，容易算出错误的步长值
2. 用了加法而非减法，完全搞反了递减的逻辑
3. 强制固定两位小数，忽略了原数值的实际小数位数
4. 最后把数值转字符串拼接，导致计算异常

直接用下面的修正代码就能解决问题：

// 拿到原始数值和对应的字符串形式
const originalValue = positionData.volume;
const valueStr = String(originalValue);

// 确定数值的小数位数
let decimalPlaces = 0;
if (valueStr.includes('.')) {
    decimalPlaces = valueStr.split('.')[1].length;
}

// 计算递减步长：比如两位小数就是0.01，四位就是0.0001
const step = decimalPlaces > 0 ? 1 / (10 ** decimalPlaces) : 1;

// 执行递减，同时保留正确的小数位数避免精度问题
const newValue = (parseFloat(originalValue) - step).toFixed(decimalPlaces);

// 更新值
setCloseValue(newValue);

代码说明： #

• 用原始数值的字符串形式来确定小数位数，确保和你看到的显示位数完全一致
• 用1/(10**decimalPlaces)直接算出对应步长，比循环拼接字符串靠谱多了
• 用减法实现递减，再通过toFixed(decimalPlaces)保留对应小数位数，避免出现类似2.9999999999999996的精度异常
• toFixed返回的本身就是字符串，直接传给setCloseValue就行，不用额外转格式

内容的提问来源于stack exchange，提问作者Lahfir