【JavaScript】Math 对象常见方法详解
创始人
2024-05-02 13:20:12
0

文章目录

  • 【JavaScript】Math 对象常见方法详解
    • Math常见的方法
      • (1) Math.random()
      • (2) Math.round()
      • (3) Math.ceil()
      • (4) Math.floor()
      • (5) Math.abs()
      • (6) Math.min()
      • (7) Math.max()
      • (8) Math.PI
    • 重要案例

【JavaScript】Math 对象常见方法详解

【JavaScript】Math 对象常见方法详解

Math属于一个工具类,它不需要我们创建对象,它里边封装了属性运算相关的常量和方法,我们可以直接使用它来进行数学运算相关的操作。

Math常见的方法

方法描述
Math.random()生成一个[0-1)之间的随机数;生成一个x-y之间的随机数
Math.round()给定数字的值四舍五入到最接近的整数。
Math.ceil()向上取整
Math.floor()向下取整
Math.abs()绝对值运算
Math.max()求多个数中最大值
Math.min()求多个数中的最小值
Math.pow(x,y)求x的y次幂
Math.sqrt()对一个数进行开方
Math.PI常量,圆周率

下面分别讲述以上的一些重要方法的使用

(1) Math.random()

Math.random() 函数返回一个浮点数,伪随机数在范围从0 到小于1,也就是说,从 0(包括 0)往上,但是不包括 1(排除 1),然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。

语法:Math.random()

返回值:一个浮点型伪随机数字,在0(包括 0)和1(不包括)之间。

// 生成  0 ~ 9 的随机整数
console.log(parseInt(Math.random() * 10)); // 0 ~ 9.9999999
// 生成 1 ~ 10 的随机整数
console.log(parseInt(Math.random() * 10) + 1);

(2) Math.round()

Math.round() 函数返回一个数字四舍五入后最接近的整数。

语法:Math.round(x)

参数:x (一个数字)

返回值:给定数字的值四舍五入到最接近的整数。

x = Math.round(20.49);   //20
x = Math.round(20.5);    //21
x = Math.round(-20.5);   //-20
x = Math.round(-20.51);  //-21

(3) Math.ceil()

Math.ceil() 函数总是四舍五入并返回大于等于给定数字的最小整数。

语法:Math.ceil(x)

参数:x (一个数字)

作用:对一个浮点数进行向下取整

返回值:大于等于 x 的最小整数。它的值与 -Math.floor(-x)相同。

Math.ceil(-Infinity); // -Infinity
Math.ceil(-7.004); // -7
Math.ceil(-4); // -4
Math.ceil(-0.95); // -0
Math.ceil(-0); // -0
Math.ceil(0); // 0
Math.ceil(0.95); // 1
Math.ceil(4); // 4
Math.ceil(7.004); // 8
Math.ceil(Infinity); // Infinity

(4) Math.floor()

Math.floor() 函数总是返回小于等于一个给定数字的最大整数。

语法:Math.floor(x)

参数:x (一个数字)

作用:对一个浮点数进行向下取整

返回值:小于等于 x 的最大整数。它的值与 -Math.ceil(-x)相同。

Math.floor(-Infinity); // -Infinity
Math.floor(-45.95); // -46
Math.floor(-45.05); // -46
Math.floor(-0); // -0
Math.floor(0); // 0
Math.floor(4); //   4
Math.floor(45.05); //  45
Math.floor(45.95); //  45
Math.floor(Infinity); // Infinity

(5) Math.abs()

Math.abs(x) 函数返回一个数字的绝对值。

语法:Math.abs(x)

参数:x (一个数字)

作用:取一个数的绝对值

返回值x 的绝对值。如果 x 是负数(包括 -0),则返回 -x。否则,返回 x

console.log(Math.abs(-10.5)); // 10.5var a = -10;
console.log(a); // -10
console.log(Math.abs(a)); // 10

强制转换参数

Math.abs() 将其参数强制转换为数字。无法强制转换的值将变成 NaN,使 Math.abs() 也返回 NaN

Math.abs("-1"); // 1
Math.abs(-2); // 2
Math.abs(null); // 0
Math.abs(""); // 0
Math.abs([]); // 0
Math.abs([2]); // 2
Math.abs([1, 2]); // NaN
Math.abs({}); // NaN
Math.abs("string"); // NaN
Math.abs(); // NaN

(6) Math.min()

Math.min() 函数返回作为输入参数的数字中最小的一个,如果没有参数,则返回Infinity

语法:Math.min(数字1,数字2,数字3…)

作用:寻找一组数中的最小值

返回值:给定数值中最小的数。如果任一参数不能转换为数值,则返回 NaN。如果没有提供参数,返回 Infinity

console.log(Math.min(10, 30, 50, 70 ,34)); // 10var arr = [1, 23, 4, 5, 34]
console.log(Math.min(...arr)); // 1
console.log(Math.min()); // Infinity

(7) Math.max()

Math.max() 函数返回作为输入参数的最大数字,如果没有参数,则返回 -Infinity

语法:Math.max(数字1,数字2,数字3…)

作用:寻找一组数中的最大值

返回值:给定数值中最大的数。如果任一参数不能转换为数值,则返回 NaN。如果没有提供参数,返回 -Infinity

console.log(Math.max(48, 29, 40, 28, -29)); // 48var arr = [1, 23, 4, 5, 34]
console.log(Math.max(...arr)); // 34
console.log(Math.max()); // -Infinityconst arr = [1, 2, 3];
const max = arr.reduce((a, b) => Math.max(a, b), -Infinity);
console.log(max); // 3

(8) Math.PI

Math.PI 表示一个圆的周长与直径的比例,约为 3.14159

语法:Math.PI

作用:就是一个常量(π),经常当做常量用来参与运算。

console.log(Math.PI); // 3.141592653589793
console.log(Math.PI * 100); // 314.1592653589793

案例:使用 Math.PI 计算给定半径的圆周长

function calcul (radius) {return 2 * Math.PI * radius;
}
calcul(1);  // 6.283185307179586

了解更多Math对象方法可以观看官方文档:Math.random() - JavaScript | MDN (mozilla.org)

重要案例

  1. 得到两个数之间的随机整数并且包含着两个整数

    function getRandom(min,max){return Math.floor(Math.random()*(max - min +1)) + min;
    }
    console.log(getRandom(2,6));
    
  2. 封装一个函数, 随机生成一个rgb颜色

    function randNum(min, max) {return Math.round(Math.random() * (max - min)) + min;
    }
    function randColor() {return `rgb(${randNum(0, 255)}, ${randNum(0, 255)}, ${randNum(0, 255)})`;
    }
    console.log(randColor()); // rgb(100, 200, 244)
    

相关内容

热门资讯

安卓双系统添加应用,轻松实现多... 你有没有想过,你的安卓手机里可以同时运行两个系统呢?听起来是不是很酷?想象一边是熟悉的安卓系统,一边...
pipo安卓进系统慢,探究pi... 最近是不是发现你的Pipo安卓系统更新或者运行起来特别慢?别急,今天就来给你好好分析分析这个问题,让...
怎样使用安卓手机系统,安卓手机... 你有没有发现,安卓手机已经成为我们生活中不可或缺的一部分呢?从早晨闹钟响起,到晚上睡前刷剧,安卓手机...
双系统安卓安装caj,轻松实现... 你有没有想过,你的安卓手机里装上双系统,是不是就能同时享受安卓和Windows系统的乐趣呢?没错,这...
安卓使用ios系统教程,安卓用... 你是不是也和我一样,对安卓手机上的iOS系统充满了好奇?想要体验一下苹果的优雅和流畅?别急,今天我就...
安卓系统gps快速定位,畅享便... 你有没有遇到过这样的情况:手机里装了各种地图导航软件,但每次出门前都要等上好几分钟才能定位成功,急得...
安卓手机系统更新原理,原理与流... 你有没有发现,你的安卓手机最近是不是总在提醒你更新系统呢?别急,别急,让我来给你揭秘一下安卓手机系统...
安卓系统通知管理,全面解析与优... 你有没有发现,手机里的通知就像是一群调皮的小精灵,时不时地跳出来和你互动?没错,说的就是安卓系统的通...
安卓系统手机哪买,揭秘哪里购买... 你有没有想过,拥有一部安卓系统手机是多么酷的事情呢?想象你可以自由安装各种应用,不受限制地探索各种功...
安卓系统 ipv4,基于安卓系... 你知道吗?在智能手机的世界里,有一个系统可是无人不知、无人不晓,那就是安卓系统。而在这个庞大的安卓家...
目前安卓是什么系统,探索安卓系... 亲爱的读者,你是否曾好奇过,如今安卓系统究竟是什么模样?在这个科技飞速发展的时代,操作系统如同人体的...
安卓6.0系统比5.0,从5.... 你有没有发现,自从手机更新了安卓6.0系统,感觉整个人都清爽了不少呢?没错,今天咱们就来聊聊这个话题...
安卓2.36系统升级,功能革新... 你知道吗?最近安卓系统又来了一次大变身,那就是安卓2.36系统升级!这可不是一个小打小闹的更新,而是...
安卓系统源码怎么打开,并可能需... 你有没有想过,安卓系统的源码就像是一扇神秘的门,隐藏着无数的技术秘密?想要打开这扇门,你得掌握一些小...
安卓8.0系统体验视频,智能革... 你有没有听说安卓8.0系统最近可是火得一塌糊涂啊!作为一个紧跟科技潮流的数码达人,我当然要来给你好好...
宣传系统漫画app安卓,探索安... 亲爱的读者们,你是否曾在某个午后,百无聊赖地打开手机,想要寻找一些轻松愉悦的读物?今天,我要给你介绍...
鸿蒙替换安卓系统吗,开启智能生... 你知道吗?最近科技圈里可是炸开了锅,因为华为的新操作系统鸿蒙系统,据说要大举进军手机市场,替换掉安卓...
手机安卓系统深度清理,解锁手机... 手机里的东西是不是越来越多,感觉就像一个装满了杂物的储物柜?别急,今天就来教你一招——手机安卓系统深...
安卓上的windows系统,融... 你有没有想过,在安卓手机上也能体验到Windows系统的魅力呢?没错,这就是今天我要跟你分享的神奇故...
安卓系统焦点变化事件,Andr... 你知道吗?在安卓系统的世界里,最近发生了一件超级有趣的事情——焦点变化事件。这可不是什么小打小闹,它...