JS将数字转为十六进制的几种方法

想在JavaScript中精准、高效地将数值转换为十六进制字符串？本文全面解析最常用且原生支持的`toString(16)`方法，涵盖正负整数、小数截断规则、特殊值处理，并重点提醒你避开精度陷阱——比如大整数超出安全范围时的失真问题，以及如何用`BigInt`和`padStart()`实现高精度补零；同时点明其他替代写法的局限性，帮你一次掌握既可靠又实用的十六进制转换技巧。

JavaScript中将数值转为十六进制字符串，最常用的是 toString(16) 方法，它简洁、原生支持、无需额外依赖。

使用 Number.prototype.toString(16)

这是标准且推荐的方式。所有数字类型（包括整数和小数）都可调用该方法，但注意：它只对整数部分有效，小数会被截断（不是四舍五入）。

• 正整数：直接转换，如 (255).toString(16) → "ff"
• 负整数：会带负号，如 (-255).toString(16) → "-ff"
• 小数：自动舍去小数部分，如 (255.9).toString(16) → "ff"
• 0 和特殊值： 0.toString(16) → "0"，NaN.toString(16) → "NaN"，Infinity.toString(16) → "Infinity"

补零到固定长度（如 2 位、4 位）

toString(16) 默认不补零，若需统一格式（如颜色值、字节表示），需手动处理：

• 用 padStart() 补前导零： (255).toString(16).padStart(2, "0") → "ff"；(10).toString(16).padStart(2, "0") → "0a"
• 处理负数时建议先取绝对值再补零，例如：(-10).toString(16).padStart(2, "0") 得 "-a"，而 (Math.abs(-10)).toString(16).padStart(2, "0") 得 "0a"

处理大于 2^53 - 1 的大整数

JavaScript 安全整数上限为 Number.MAX_SAFE_INTEGER（即 2^53 - 1）。超出后 toString(16) 可能丢失精度：

• 例如：9007199254740993.toString(16) 返回 "200000000000001"，但实际已不精确
• 如需高精度，应改用 BigInt： 9007199254740993n.toString(16) → 精确结果 "200000000000001"（末尾 n 不可省略）
• 注意：BigInt 仅支持整数，不能用于小数或 NaN/Infinity

其他方式（不推荐日常使用）

存在一些替代写法，但通常冗余或有兼容性/语义问题：

• parseInt(num, 10).toString(16)：多此一举，parseInt 对数字无意义
• num & 0xff 类位运算：仅适用于单字节截断，不可通用
• 手写循环除16取余：教学意义强，但无必要，易出错

本篇关于《JS将数字转为十六进制的几种方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！