首页 > web前端 > js教程 > 正文

JavaScript内置对象Math实例分享

WBOY
发布: 2022-05-17 12:01:35
转载
1552 人浏览过

本篇文章给大家带来了关于javascript内置对象math的相关知识,其中根据示例讲解了Math中常用函数的用法,包括了绝对值方法、三个取整方法等等,下面一起来看一下,希望对大家有帮助。

JavaScript内置对象Math实例分享

【相关推荐:javascript视频教程web前端

Math概述

Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。

Math中常用函数的用法

  • Math.PI //圆周率

  • Math.floor () //向下取整

  • Math.ceil () //向上取整

  • Math.round () //四舍五入就近取整 注意﹣3.5 结果是-3

  • Math.abs () //绝对值

  • Math.max ()/Math.min() //求最大值和最小值

  • Math.random() //返回一个随机的小数 0=

1.绝对值方法

 //1.绝对值方法
        console.log(Math.abs(1)); // 1
        console.log(Math.abs(-1));  //1
        console.log(Math.abs('-5')); //5  会隐式转换,将数字字符串转换为数字,然后取绝对值
        console.log(Math.abs('aniu')); // NaN
登录后复制

在这里插入图片描述

2.三个取整方法

//2.三个取整方法
        console.log(Math.floor(1.1)); //1
        console.log(Math.floor(1.9)); //1
        console.log(Math.floor(-1.1)); //-2

        console.log(Math.ceil(1.1));  // 2
        console.log(Math.ceil(1.9)); //2
        console.log(Math.ceil(-1.9)); //-1

        console.log(Math.round(1.5)); //2 四舍五入 .5这个特殊,是往大了取
        console.log(Math.round(-1.5)); // -1  往大了取
        console.log(Math.round(-1.2));  // -1
登录后复制

在这里插入图片描述

3.求最大值/最小值

//3.求最大值/最小值
        console.log(Math.max(1,5,78,46));
        console.log(Math.min(1,5,78,46));
登录后复制

在这里插入图片描述

4.随机数

 //4.随机数
        console.log(Math.random());
登录后复制

在这里插入图片描述

案例-求两个数之间的随机整数的小算法(重要)

求两个数之间的随机整数 并且包含这两个数:
//核心算法
Math.floor(Math.random()*(max-min)) + min;

function getRandom(min,max){
            return Math.floor(Math.random()*(max-min)) + min;
        }

        console.log(getRandom(1,7));
登录后复制

在这里插入图片描述

案例-随机点名(嘿嘿嘿)

//随机点名
  var arr = ['阿牛','梦梦','小鸣人','winter','小何','WA','贱神','扎哇']  //太多啦,就写这些举例啦
  console.log(arr);
  console.log('阿牛爱你们???');
  function getRandom(min,max){
          return Math.floor(Math.random()*(max-min)) + min;
       }

  console.log('随机点中了:' + arr[getRandom(0,arr.length - 1)]);
登录后复制

在这里插入图片描述

【相关推荐:javascript视频教程web前端

以上是JavaScript内置对象Math实例分享的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!