当前位置：首页 > ai >正文

JavaScript- 2.2 内置对象MATH

ai 2025/8/6 7:11:07

本系列可作为前端学习系列的笔记，代码的运行环境是在HBuilder中，小编会将代码复制下来，大家复制下来就可以练习了，方便大家学习。

HTML和CSS系列文章 已经收录在前端专栏，有需要的宝宝们可以点击前端专栏查看！

点赞关注不迷路！您的点赞、关注和收藏是对小编最大的支持和鼓励！

系列文章目录

JavaScript- 1.1 行内、内部、外部三种引用方式

JavaScript- 1.2 ECMA基本语法和控制流

JavaScript- 1.3 DOM对页面内容进行操作

JavaScript- 1.4 BOM对浏览器进行操作

JavaScript- 1.5 数据类型+变量+运算符

JavaScript- 1.6 基本控制流

JavaScript- 2.1 系统函数和自定义函数

JavaScript- 2.2 内置对象MATH

JavaScript- 2.3 内置对象String

JavaScript- 2.4 内置对象Date

系列文章目录

前言

一、内置对象MATH

1、常用属性

2、常用方法

3、使用示例

二、实战代码

总结

前言

小编作为新晋码农一枚，会定期整理一些写的比较好的代码，作为自己的学习笔记，会试着做一下批注和补充，如转载或者参考他人文献会标明出处，非商用，如有侵权会删改！欢迎大家斧正和讨论！

一、内置对象MATH

JavaScript 中的 Math 是一个内置的全局对象，提供了许多用于数学计算的属性和方法。Math 对象并非构造函数，无需实例化，可直接通过 Math 调用其属性和方法。以下是关于 Math 对象的详细介绍：

1、常用属性

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

2、常用方法

Math.abs(x)：返回 x 的绝对值。
Math.ceil(x)：向上取整，返回大于或等于 x 的最小整数。
Math.floor(x)：向下取整，返回小于或等于 x 的最大整数。
Math.round(x)：四舍五入，返回 x 四舍五入后的整数。
Math.max([value1[, value2[, ...]]])：返回一组数中的最大值。
Math.min([value1[, value2[, ...]]])：返回一组数中的最小值。
Math.pow(x, y)：返回 x 的 y 次幂。
Math.sqrt(x)：返回 x 的平方根。
Math.random()：返回一个介于 0（包含）到 1（不包含）之间的伪随机数。
Math.sin(x)：返回 x 的正弦值，x 为弧度。
Math.cos(x)：返回 x 的余弦值，x 为弧度。
Math.tan(x)：返回 x 的正切值，x 为弧度。
Math.asin(x)：返回 x 的反正弦值，结果为弧度。
Math.acos(x)：返回 x 的反余弦值，结果为弧度。
Math.atan(x)：返回 x 的反正切值，结果为弧度。
Math.log(x)：返回 x 的自然对数（以 e 为底）。
Math.exp(x)：返回 e 的 x 次幂。
Math.trunc(x)：返回 x 的整数部分，去除小数部分。
Math.sign(x)：返回 x 的符号，1（正数）、-1（负数）、0（零）或 -0（负零）。

3、使用示例

计算绝对值：

javascript
```
console.log(Math.abs(-5)); // 输出: 5
```

向上取整和向下取整：

javascript

console.log(Math.ceil(4.2)); // 输出: 5
console.log(Math.floor(4.9)); // 输出: 4

生成随机数：

javascript

console.log(Math.random()); // 输出: 0 到 1 之间的随机数

计算平方根：

javascript

console.log(Math.sqrt(16)); // 输出: 4

计算三角函数值：

javascript

console.log(Math.sin(Math.PI / 2)); // 输出: 1

获取数组中的最大值和最小值：

javascript

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

生成指定范围内的随机整数：

javascript

function getRandomInt(min, max) {min = Math.ceil(min);max = Math.floor(max);return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(getRandomInt(1, 10)); // 输出: 1 到 10 之间的随机整数

二、实战代码

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>内置对象-MATH</title></head><body><!-- 属性 --><script type="text/javascript">console.log(Math.PI);console.log(Math.SQRT2);//方法//四舍五入 取整加一 取最大整数 绝对值 随机数console.log(Math.round(5.4));console.log(Math.ceil(5.4));console.log(Math.floor(5.4));//先转化为数字型，取最大整数console.log(Math.abs(-5.4));console.log(Math.pow(2,5));//底数 幂console.log(Math.random());//[0,1)随机数//20-30之内的随机数 包括30//变动幅度*随机数+底数var myRan =parseInt((30-20+1)*Math.random()+20);console.log(myRan);</script></body>
</html>

代码运行如下：