如何在JavaScript中保留整数/Number类型数值的前导零？

JavaScript 中的 Number 类型本质是 IEEE 754 双精度浮点数，底层规则不支持存储前导零，所有前导零在字符串转数值的过程中都会被自动移除，该限制无法突破。

你需要的固定6位带前导零的标识符，本质属于「展示/规则类标识」，而非用来做数学计算的数值，行业通用的最优方案是统一用字符串类型存储传输，既符合业务属性，也能避免数值溢出、精度丢失等潜在问题。

方案1：统一输出6位字符串标识符（推荐，ES6原生支持） #

直接用 ES6 内置的 padStart 方法做前导零补全，兼容字符串、数值两种输入类型：

/**
 * 格式化ItemName为6位带前导零的字符串
 * @param {string|number} itemName 原始ItemName值
 * @returns {string} 6位固定长度的标识符
 */
function formatItemName(itemName) {
  // 先统一转为纯数字字符串，过滤非数字字符
  const pureNumStr = String(itemName).replace(/[^0-9]/g, '');
  // 补前导零到6位，若长度超过6位默认取最后6位，可根据业务调整
  return pureNumStr.padStart(6, '0').slice(-6);
}

// 测试示例
console.log(formatItemName("007730")); // 输出："007730"
console.log(formatItemName(917730)); // 输出："917730"
console.log(formatItemName(7730)); // 输出："007730"

方案2：若接口强制要求传Number类型 #

如果后端明确要求字段必须为数值类型，可采用「传输用数值、前端展示单独补零」的拆分方案：

1. 发送接口时，将处理后的6位字符串转为数值即可：Number(formatItemName(itemName))
2. 前端渲染展示时，调用上述formatItemName方法输出带前导零的6位字符串给视图层

如果业务需要校验ItemName的合法性，可在函数中增加校验规则，比如输入值转纯数字后长度不在4-6位范围内时抛出异常、走降级逻辑等，可根据实际业务需求调整。

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