JavaScript Math对象详解：常用静态方法介绍

JavaScript Math对象详解：常用静态方法介绍

在JavaScript编程中，Math对象是一个内置的全局对象，提供了一系列用于执行数学计算的属性和方法。Math对象不是构造函数，因此不能使用new关键字实例化。它的所有属性和方法都是静态的，可以直接通过Math对象调用。

本文将详细介绍Math对象，以及一些常用的静态方法，帮助你在日常开发中更高效地处理数学运算。

---

一、Math对象的基本概念

• 全局对象：Math对象是全局可用的，无需导入或包含。
• 静态属性和方法：所有的属性（常数）和方法都是静态的，直接通过Math调用。

---

二、常用的Math常数

Math对象提供了一些数学常数，这些常数都是只读的。

• Math.PI：圆周率π，约等于3.141592653589793。
• Math.E：自然常数e，约等于2.718281828459045。
• Math.LN2：2的自然对数，约等于0.6931471805599453。
• Math.LN10：10的自然对数，约等于2.302585092994046。
• Math.LOG2E：以2为底e的对数，约等于1.4426950408889634。
• Math.LOG10E：以10为底e的对数，约等于0.4342944819032518。
• Math.SQRT1_2：1/√2，约等于0.7071067811865476。
• Math.SQRT2：√2，约等于1.4142135623730951。

示例

console.log(Math.PI);      // 3.141592653589793
console.log(Math.E);       // 2.718281828459045
console.log(Math.LN2);     // 0.6931471805599453

---

三、常用的Math静态方法

1. Math.abs()

作用：返回数值的绝对值。

语法：

Math.abs(x)

示例：

console.log(Math.abs(-10));   // 10
console.log(Math.abs(5));     // 5
console.log(Math.abs(0));     // 0
console.log(Math.abs(-0));    // 0
console.log(Math.abs(NaN));   // NaN

2. Math.ceil()

作用：对数值向上取整，返回大于或等于给定数字的最小整数。

语法：

Math.ceil(x)

示例：

console.log(Math.ceil(0.1));    // 1
console.log(Math.ceil(5.5));    // 6
console.log(Math.ceil(-5.1));   // -5

3. Math.floor()

作用：对数值向下取整，返回小于或等于给定数字的最大整数。

语法：

Math.floor(x)

示例：

console.log(Math.floor(0.9));    // 0
console.log(Math.floor(5.5));    // 5
console.log(Math.floor(-5.1));   // -6

4. Math.round()

作用：返回四舍五入后的整数。

语法：

Math.round(x)

示例：

console.log(Math.round(0.49));   // 0
console.log(Math.round(0.5));    // 1
console.log(Math.round(-0.5));   // -0  （注意：在某些实现中可能返回0）
console.log(Math.round(-0.51));  // -1

5. Math.max() 和 Math.min()

作用：返回一组数中的最大值或最小值。

语法：

Math.max([x[, y[, …]]])
Math.min([x[, y[, …]]])

示例：

console.log(Math.max(10, 20, 30));  // 30
console.log(Math.min(10, 20, 30));  // 10

const arr = [1, 2, 3, 4, 5];
console.log(Math.max(...arr));      // 5
console.log(Math.min(...arr));      // 1

6. Math.random()

作用：返回一个介于0（包含）到1（不包含）之间的伪随机数。

语法：

Math.random()

示例：

console.log(Math.random());  // 例如：0.123456789

// 生成一个指定范围的随机整数函数
function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  // 含最小值，不含最大值
  return Math.floor(Math.random() * (max - min)) + min;
}

console.log(getRandomInt(1, 10));  // 1到9之间的整数

7. Math.pow()

作用：返回基数的指数次幂。

语法：

Math.pow(base, exponent)

示例：

console.log(Math.pow(2, 3));    // 8
console.log(Math.pow(5, 2));    // 25
console.log(Math.pow(4, 0.5));  // 2  （相当于开平方）

注意：从ES2016开始，可以使用幂运算符**代替Math.pow()。

console.log(2 ** 3);  // 8

8. Math.sqrt()

作用：返回一个数的平方根。

语法：

Math.sqrt(x)

示例：

console.log(Math.sqrt(4));    // 2
console.log(Math.sqrt(9));    // 3
console.log(Math.sqrt(-1));   // NaN

9. Math.cbrt()

作用：返回一个数的立方根。

语法：

Math.cbrt(x)

示例：

console.log(Math.cbrt(8));    // 2
console.log(Math.cbrt(27));   // 3
console.log(Math.cbrt(-8));   // -2

10. Math.hypot()

作用：返回所有参数的平方和的平方根。

语法：

Math.hypot([x[, y[, …]]])

示例：

console.log(Math.hypot(3, 4));       // 5  （即√(3² + 4²)）
console.log(Math.hypot(5, 12));      // 13
console.log(Math.hypot(3, 4, 5));    // 7.0710678118654755

11. Math.trunc()

作用：返回数值的整数部分，直接去掉小数部分。

语法：

Math.trunc(x)

示例：

console.log(Math.trunc(4.9));    // 4
console.log(Math.trunc(-4.9));   // -4
console.log(Math.trunc(0.123));  // 0

12. Math.sign()

作用：返回数字的符号，指示数字是正数、负数还是零。

语法：

Math.sign(x)

返回值：

• 如果x是正数，返回1。
• 如果x是负数，返回-1。
• 如果x是0，返回0。
• 如果x是-0，返回-0。
• 如果x是NaN，返回NaN。

示例：

console.log(Math.sign(10));     // 1
console.log(Math.sign(-10));    // -1
console.log(Math.sign(0));      // 0
console.log(Math.sign(-0));     // -0
console.log(Math.sign(NaN));    // NaN

13. Math.clz32()

作用：返回32位二进制整数表示中，前导零的个数。

语法：

Math.clz32(x)

示例：

console.log(Math.clz32(1));     // 31
console.log(Math.clz32(1000));  // 22
console.log(Math.clz32(0));     // 32

14. Math.log(), Math.log2(), Math.log10()

作用：计算自然对数和以2、10为底的对数。

语法：

Math.log(x)      // 自然对数，以e为底
Math.log2(x)     // 以2为底的对数
Math.log10(x)    // 以10为底的对数

示例：

console.log(Math.log(Math.E));    // 1
console.log(Math.log(10));        // 2.302585092994046

console.log(Math.log2(8));        // 3
console.log(Math.log10(100));     // 2

15. 三角函数方法

• Math.sin(x)：返回x的正弦值。
• Math.cos(x)：返回x的余弦值。
• Math.tan(x)：返回x的正切值。
• Math.asin(x)：返回x的反正弦值。
• Math.acos(x)：返回x的反余弦值。
• Math.atan(x)：返回x的反正切值。
• Math.atan2(y, x)：返回y/x的反正切值，考虑象限。

示例：

console.log(Math.sin(Math.PI / 2));   // 1
console.log(Math.cos(0));             // 1
console.log(Math.tan(Math.PI / 4));   // 1

console.log(Math.asin(1));            // 1.5707963267948966 (π/2)
console.log(Math.acos(1));            // 0
console.log(Math.atan(1));            // 0.7853981633974483 (π/4)

console.log(Math.atan2(1, 1));        // 0.7853981633974483 (π/4)

---

四、Math对象的应用示例

1. 生成随机整数

// 生成一个[min, max)之间的随机整数
function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min)) + min;
}

console.log(getRandomInt(1, 100));  // 1到99之间的整数

2. 数值的精度控制

// 浮点数的加法，可能出现精度问题
let result = 0.1 + 0.2;   // 0.30000000000000004

// 使用Math.round()配合乘法进行精度控制
function addWithPrecision(a, b, precision) {
  let factor = Math.pow(10, precision);
  return (Math.round(a * factor) + Math.round(b * factor)) / factor;
}

let preciseResult = addWithPrecision(0.1, 0.2, 10);  // 0.3
console.log(preciseResult);

3. 判断一个数是否为整数

function isInteger(num) {
  return Math.floor(num) === num;
}

console.log(isInteger(10));     // true
console.log(isInteger(10.5));   // false

---

参考资料

• MDN Web Docs - Math
• ECMAScript 2015 (6th Edition, ECMA-262) - Math Object

---