JavaScript: JavaScript 数字与数学
最后更新：2026-10-13
在 JavaScript 里，数字只有一个类型——Number。不管你是整数还是小数，统统都是 Number。这跟 Java、C 那些分 int、float 的语言不一样，简单是简单了，但也埋着几个坑。
1. 数字类型
JavaScript 中整数和浮点数都是 Number 类型，没有独立的整数类型。
HTML
<script>
let a = 42; // 这是个 Number
let b = 3.14; // 这也是 Number
typeof a; // "number"
typeof b; // "number"
</script>
数字的表示方式还有几种：
HTML
<script>
let hex = 0xFF; // 十六进制，等于 255
let octal = 0o10; // 八进制，等于 8
let binary = 0b1010; // 二进制，等于 10
let big = 1e6; // 科学计数法，等于 1000000
</script>
NaN 的全称是 Not a Number，但它偏偏是 Number 类型——这是 JavaScript 最讽刺的设计之一。
HTML
<script>
typeof NaN; // "number" ← 没错，它竟然是 number 类型
NaN === NaN; // false ← 自己不等于自己！
Number.isNaN(NaN); // true ← 这才对，用这个方法检测
</script>
什么时候会出现 NaN？把字符串当数字运算时：
HTML
<script>
parseInt('abc'); // NaN
'hello' * 5; // NaN
Math.sqrt(-1); // NaN
</script>
Infinity 表示无穷大，除以 0 时会出现：
HTML
<script>
1 / 0; // Infinity
-1 / 0; // -Infinity
typeof Infinity; // "number"
</script>
3. 数值精度问题
这是 JavaScript 最著名的"冷知识"：0.1 + 0.2 !== 0.3。
HTML
<script>
0.1 + 0.2; // 0.30000000000000004
0.1 + 0.2 === 0.3; // false
</script>
原因跟计算机用二进制存储浮点数有关，0.1 在二进制里是无限循环小数，存储时有精度丢失。不光 JavaScript，所有用 IEEE 754 标准的语言都有这个问题。
解决办法：用 toFixed() 格式化，或者乘以大数再运算：
HTML
<script>
(0.1 + 0.2).toFixed(2); // "0.30"
(0.1 * 100 + 0.2 * 100) / 100; // 0.3
</script>
▶ 示例：精度问题演示
▶ 试一试4. Math 对象
Math 是 JavaScript 内置的数学工具箱，不用创建实例，直接调用方法：
| 方法/属性 | 作用 | 示例 |
|---|---|---|
Math.round() |
四舍五入 | Math.round(4.6) → 5 |
Math.floor() |
向下取整 | Math.floor(4.9) → 4 |
Math.ceil() |
向上取整 | Math.ceil(4.1) → 5 |
Math.random() |
0~1 随机数 | Math.random() → 0.3721... |
Math.max() |
最大值 | Math.max(1,5,3) → 5 |
Math.min() |
最小值 | Math.min(1,5,3) → 1 |
Math.PI |
圆周率 | 3.141592653589793 |
Math.abs() |
绝对值 | Math.abs(-7) → 7 |
Math.pow() |
幂运算 | Math.pow(2,3) → 8 |
Math.sqrt() |
平方根 | Math.sqrt(16) → 4 |
▶ 示例：Math 常用方法
▶ 试一试💡 提示：
Math.round(-1.5) 的结果是 -1，不是 -2。四舍五入在负数边界上的行为可能跟你直觉不一样，需要留意。
5. toFixed() 格式化小数
toFixed(n) 把数字格式化为 n 位小数的字符串：
HTML
<script>
let price = 9.9;
price.toFixed(2); // "9.90" ← 注意返回的是字符串
+(9.9).toFixed(2); // 9.9 ← 用 + 转回数字
</script>
⚠️ 注意：
toFixed 返回的是字符串！如果后续还要做运算，记得转回数字。
6. toString() 进制转换
数字的 toString(radix) 可以把数字转成指定进制的字符串：
HTML
<script>
(255).toString(16); // "ff" 十六进制
(255).toString(2); // "11111111" 二进制
(255).toString(8); // "377" 八进制
(100).toString(); // "100" 默认十进制
</script>
▶ 示例：进制转换
▶ 试一试7. Math.random() 生成随机数
Math.random() 返回 0 到 1 之间的随机浮点数（包含 0，不包含 1）。实际使用时，我们经常需要生成某个范围内的随机整数：
HTML
<script>
// 生成 min 到 max 之间的随机整数（包含 min 和 max）
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
▶ 示例：随机数演示
▶ 试一试💡 提示：
Math.random() 是伪随机数，不适合加密场景。需要加密安全的随机数，用 crypto.getRandomValues()。
❓ 常见问题
Q
Math.round(2.5) 和 Math.round(-2.5) 分别是多少？A
Math.round(2.5) 是 3，Math.round(-2.5) 是 -2。当恰好是 .5 时，JavaScript 向正无穷方向舍入，所以正数往上靠、负数也往上靠（更接近 0）。Q 怎么判断一个值是不是合法的有限数字？
📖 小节
- JavaScript 只有
Number一种数字类型，整数和小数都是 Number NaN不等于任何值（包括自己），检测用Number.isNaN()0.1 + 0.2 !== 0.3是精度问题，用toFixed()或放大再缩小解决Math.floor向下取整，Math.ceil向上取整，Math.round四舍五入- 生成随机整数公式：
Math.floor(Math.random() * (max - min + 1)) + min toFixed()返回字符串，后续要运算记得转回数字
📝 作业
- 写一个程序，让用户输入圆的半径，计算圆的面积和周长，结果保留 2 位小数
- 写一个猜数字游戏：程序随机生成 1-100 的整数，用户输入猜测，提示"大了"或"小了"，直到猜对
- 写一个进制转换器：输入一个十进制数，同时显示其二进制、八进制、十六进制结果
