JS 怎么直接截断保留一位小数而不进行四舍五入

一、为什么常规的 toFixed(1) 不能胜任截断任务

很多开发者在需要保留小数时，下意识会使用 JavaScript 原生提供的 Number.prototype.toFixed() 方法。例如调用 (3.86).toFixed(1)，得到的结果是 "3.9"。这是因为 toFixed() 的设计目标是进行舍入（基于类似银行家舍入的四舍五入变体规则），当目标位后一位大于等于 5 时会自动向前进位。

如果业务规则要求的是“严格截断”，例如电商中“满 10 元返 1 元”类阶梯计算、视频播放进度时间戳显示、或者特定计费规则中只取有效刻度，任何向上的进位都会导致数据超出实际范围。此时，四舍五入不仅不符合需求，还可能带来逻辑错误。

// toFixed(1) 的四舍五入行为示例（示例输出）
console.log((3.86).toFixed(1));  // 输出 "3.9"  （发生了进位，不合截断要求）
console.log((1.24).toFixed(1));  // 输出 "1.2"  （恰好因小于5而舍去）
console.log((-1.58).toFixed(1)); // 输出 "-1.6" （负数同样发生远离0的进位）

从图 1 可以直观看出：四舍五入以 0.05 为临界点双向进位，而纯截断则是把整个 [1.10, 1.20) 区间内的数值全部恒定归敛为 1.1。因此，必须寻找真正具备“向零方向切除尾数”的算法。

二、方法一：数学缩放截断法（Math.trunc 核心机制）

数学缩放法的原理非常纯粹：既然我们要保留一位小数，就先将目标数字乘以 10，让原本的十分位数字跻身到个位（整数部分）；然后剔除所有新的小数位；最后再除以 10 还原量级。

1. 操作步骤详解

1. 步骤一（放大）：执行 num * 10。例如 12.38 * 10 得到 123.8。
2. 步骤二（向零取整）：执行 Math.trunc(123.8) 得到整数 123。
3. 步骤三（还原）：执行 123 / 10 得到最终结果 12.3。

// 基础数学截断实现代码
function truncateOneDecimalMath(num) {
  return Math.trunc(num * 10) / 10;
}

// 运行测试（示例输出）
console.log(truncateOneDecimalMath(3.86));  // 3.8
console.log(truncateOneDecimalMath(1.24));  // 1.2
console.log(truncateOneDecimalMath(5.0));   // 5
console.log(truncateOneDecimalMath(-1.58)); // -1.5

三、方法二：字符串切片与正则表达式法

虽然数学缩放法计算速度极高，但由于 JavaScript 采用 IEEE 754 双精度浮点数标准，任何浮点乘除法都有极小概率受到二进制精度漂移的影响。例如 1.15 * 10 在部分引擎内部实际表示为 11.499999999999998。如果在这种极端边界上执行向下取整，极偶发情况下会导致计算值微弱失真。

如果你的应用场景是表单输入、商品标价或报表文字展示，直接通过文本字符切片是绝对免疫浮点误差的方案。

1. 正则表达式截取法（推荐）

通过简单的正则模式 /^-?\d+(?:\.\d)?/，可以直接匹配可选负号、完整整数部分，以及至多一位的小数部分，彻底忽略后续多余数字：

// 使用正则截断保留一位小数
function truncateOneDecimalReg(val) {
  const str = String(val);
  const match = str.match(/^-?\d+(?:\.\d)?/);
  return match ? match[0] : "0";
}

// 运行测试（示例输出）
console.log(truncateOneDecimalReg(3.86));   // "3.8"
console.log(truncateOneDecimalReg(-1.58));  // "-1.5"
console.log(truncateOneDecimalReg(9));      // "9"
console.log(truncateOneDecimalReg("12.05"));// "12.0"

2. 字符串 split 分割法

如果不使用正则，也可以将字符串以小数点 . 为界进行切割，保留左侧整数部分与右侧小数首字符：

function truncateOneDecimalSplit(val) {
  const str = String(val);
  const dotIndex = str.indexOf('.');
  if (dotIndex === -1) return str; // 纯整数无小数点
  return str.slice(0, dotIndex + 2); // 截取到小数点后一位
}

// 运行测试（示例输出）
console.log(truncateOneDecimalSplit(8.99));  // "8.9"
console.log(truncateOneDecimalSplit(-4.72)); // "-4.7"

四、关键细节与常见疑问辨析

1. 截断后的数值末尾是否要补零？（如 12 变成 12.0）

这取决于目标数据的消费方是运算程序还是人类视觉：

• 如果作为 Number 类型：JavaScript 的数值类型在内存中不记录尾随零。12.0 在数值上与 12 完全等价，重新转回 Number 时末尾的 .0 必然会被自动省略。
• 如果作为 String 展示类型：例如电商价格标签要求整齐划一的“¥12.0”，则必须在格式化阶段进行判断，在切片后主动使用 padEnd 或补全 .0。

2. 为什么不用位运算符（如 ~~(num * 10) / 10）？

双波浪线 ~~ 或按位或 | 0 在 JS 引擎内部确实等同于 32 位有符号整数的向零取整，而且在老旧引擎中执行极快。但在现代浏览器中：

• Math.trunc 早已被各大引擎高度内联优化，性能差异微乎其微。
• 位运算存在致命的 32 位溢出陷阱（数值范围被强行限制在 -2,147,483,648 到 2,147,483,647 之间）。一旦数字乘以 10 后超出此范围，符号位就会翻转错乱。因此通用代码绝不推荐使用位运算代替 Math.trunc。

五、工程级健壮方案：通用截断函数封装

为了满足真实项目开发中可能遇到的类型不一（数字或字符串）、非数值防崩、末位补零定制、以及科学计数法防范，我们可以编写一个稳健的封装函数：

/**
 * 严格截断保留一位小数（绝不四舍五入）
 * @param {number|string} value - 输入的原始数值或数字字符串
 * @param {Object} options - 配置项
 * @param {boolean} options.padZero - 整数是否强制补全 .0（默认 false）
 * @param {boolean} options.asNumber - 是否以数字类型返回（默认 false，返回字符串）
 * @returns {string|number} 截断后的结果
 */
function truncateToOneDecimal(value, { padZero = false, asNumber = false } = {}) {
  const num = Number(value);
  // 防御非合法数值
  if (Number.isNaN(num)) return asNumber ? NaN : "0";

  // 针对绝对值极小的科学计数法特殊防范（如 1e-7）
  const rawStr = typeof value === 'number' ? value.toString() : String(value).trim();
  if (rawStr.includes('e') || rawStr.includes('E')) {
    const safeNum = Math.trunc(num * 10) / 10;
    if (asNumber) return safeNum;
    return padZero ? safeNum.toFixed(1) : String(safeNum);
  }

  // 正则精准捕获：可选负号 + 整数部分 + 可选的一位小数
  const match = rawStr.match(/^(-?\d+)(?:\.(\d))?/);
  if (!match) return asNumber ? 0 : (padZero ? "0.0" : "0");

  const intPart = match[1];
  const decPart = match[2];

  let resultStr = "";
  if (decPart !== undefined) {
    resultStr = `${intPart}.${decPart}`;
  } else {
    resultStr = padZero ? `${intPart}.0` : intPart;
  }

  return asNumber ? parseFloat(resultStr) : resultStr;
}

// 运行全用例验证（示例输出）
console.log(truncateToOneDecimal(3.86));                    // "3.8"
console.log(truncateToOneDecimal(3.86, { asNumber: true })); // 3.8
console.log(truncateToOneDecimal(12, { padZero: true }));    // "12.0"
console.log(truncateToOneDecimal(12, { padZero: false }));   // "12"
console.log(truncateToOneDecimal(-1.59));                   // "-1.5"
console.log(truncateToOneDecimal("45.678"));                // "45.6"
console.log(truncateToOneDecimal(0.04));                    // "0.0"

六、方案对比与选型决策指南

在面对不同业务场景时，可以参考以下评估维度进行合理选型：