javascript中内置对象Math的介绍及用法案例

 更新时间:2022年03月09日 16:22:28   作者:馆主阿牛  
Math对象是一个内置对象,具有数学常数和函数的属性和方法,不是一个函数对象,下面这篇文章主要给大家介绍了关于javascript中内置对象Math的介绍及用法案例的相关资料,需要的朋友可以参考下

前言

今天总结一下javascript 内置对象Math中的函数用法,顺带写一下常见的案例。

Math概述

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

Math中常用函数的用法

Math.PI //圆周率
Math.floor () //向下取整
Math.ceil () //向上取整
Math.round () //四舍五入就近取整 注意﹣3.5 结果是-3
Math.abs () //绝对值
Math.max ()/Math.min() //求最大值和最小值
Math.random() //返回一个随机的小数 0=<x<1(这个方法里面不跟参数)

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)]);

补充案例

要求:得到两个数之间的随机整数,并且包含这两个数

var min, max;  //定义最大数和最小数
Math.floor(Math.random() * (max - min + 1)) + min;  //返回最大数和最小数之间的随机整数,并且包含最大数和最小数

将上述代码封装成函数使用起来更方便

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

结语

到此这篇关于javascript中内置对象Math的文章就介绍到这了,更多相关javascript内置对象Math案例内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js实现一款简单踩白块小游戏(曾经很火)

    js实现一款简单踩白块小游戏(曾经很火)

    本文给大家分享原生js实现曾经很火的一款小游戏—别踩白块,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-12-12
  • mvvm双向绑定机制的原理和实现代码(推荐)

    mvvm双向绑定机制的原理和实现代码(推荐)

    下面小编就为大家带来一篇mvvm双向绑定机制的原理和实现代码(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • javascript初学者常用技巧

    javascript初学者常用技巧

    这篇文章主要介绍了javascript初学者常用技巧,包括javascript的存放位置、格式及焦点事件等,需要的朋友可以参考下
    2014-09-09
  • js 关键词高亮(根据ID/tag高亮关键字)案例介绍

    js 关键词高亮(根据ID/tag高亮关键字)案例介绍

    关键词高亮在开发中会带来很多的方便,关键词高亮包括:根据ID高亮关键字/根据Tag名高亮关键字等等,感兴趣的朋友可以了解下,希望本文对你有所帮助
    2013-01-01
  • 基于JavaScript实现一个简单的Vue

    基于JavaScript实现一个简单的Vue

    这篇文章主要介绍了基于JavaScript实现一个简单的Vue的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • JavaScript中变量提升和函数提升的详解

    JavaScript中变量提升和函数提升的详解

    这篇文章主要介绍了JavaScript中变量提升和函数提升的详解,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • window.location.hash 使用说明

    window.location.hash 使用说明

    location是javascript里面管理地址栏的内置对象.
    2010-11-11
  • JavaScript实现简单轮播图效果

    JavaScript实现简单轮播图效果

    这篇文章主要为大家详细介绍了JavaScript实现图片轮播,左右翻转,图片切换显示等效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

    VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

    这篇文章主要介绍了VSCode 添加自定义注释的方法(附带红色警戒经典注释风格),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • uniapp 仿微信的右边下拉选择弹出框的实现代码

    uniapp 仿微信的右边下拉选择弹出框的实现代码

    这篇文章主要介绍了uniapp 仿微信的右边下拉选择弹出框的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07

最新评论