脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js Math

js中常用的Math方法总结

 更新时间：2017年01月12日 14:04:42   作者：风雨后见彩虹  
本文主要介绍了js中常用的Math方法，具有一定的参考价值，下面跟着小编一起来看下吧

1.min()和max()方法

Math.min()用于确定一组数值中的最小值。Math.max()用于确定一组数值中的最大值。

alert(Math.min(2,4,3,6,3,8,0,1,3));              //最小值
alert(Math.max(4,7,8,3,1,9,6,0,3,2));         //最大值

2.舍入方法

Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；

Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；

Math.round()执行标准舍入，即它总是将数值四舍五入为最接近的整数；

例如：

alert(Math.ceil(25.9));                   //26
alert(Math.ceil(25.5));                   //26
alert(Math.ceil(25.1));                   //26
alert(Math.floor(25.9));                  //25
alert(Math.floor(25.5));                  //25
alert(Math.floor(25.1));                  //25
alert(Math.round(25.9));                     //26
alert(Math.round(25.5));                     //26
alert(Math.round(25.1));                     //25

3.random()方法

Math.random()方法返回介于0到1之间一个随机数，不包括0和1。如果想大于这个范围的话，可以套用一下公式：

值 = Math.floor(Math.random() * 总数 + 第一个值)

例如：

alert(Math.floor(Math.random() * 10 + 1));        //随机产生1-10之间的任意数

for (var i = 0; i<10;i ++) {
    document.write(Math.floor(Math.random() * 10 + 5));       //5-14之间的任意数
    document.write('<br />');
}

为了更加方便的传递想要范围，可以写成函数：

function selectFrom(lower, upper) {
    var sum = upper - lower + 1;                      //总数-第一个数+1
    return Math.floor(Math.random() * sum + lower);
}
for (var i=0 ;i<10;i++) {
    document.write(selectFrom(5,10));                 //直接传递范围即可
    document.write('<br />');
}

4.其它方法

如下表格：

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

方  法

说  明

Math.abs(num)

返回num的绝对值

Math.exp(num)

返回Math.E的num次幂

Math.log(num)

返回num的自然对数

Math.pow(num,power)

返回num的power次幂

Math.sqrt(num)

返回num的平方根

Math.acos(x)

返回x的反余弦值

Math.asin(x)

返回x的反正弦值

Math.atan(x)

返回x的反正切值

Math.atan2(y,x)

返回y/x的反正切值

Math.cos(x)

返回x的余弦值

Math.sin(x)

返回x的正弦值

Math.tan(x)

返回x的正切值

您可能感兴趣的文章:

相关文章

  • bootstrapTable+ajax加载数据 refresh更新数据

    bootstrapTable+ajax加载数据 refresh更新数据

    这篇文章主要为大家详细介绍了bootstrapTable+ajax加载数据，以及refresh更新数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 基于iscroll.js实现下拉刷新和上拉加载效果

    基于iscroll.js实现下拉刷新和上拉加载效果

    这篇文章主要为大家详细介绍了基于iscroll.js实现下拉刷新和上拉加载效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-11-11
  • js实现点击切换卡片功能

    js实现点击切换卡片功能

    这篇文章主要为大家详细介绍了js实现点击切换卡片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • uniapp开发H5打包微信小程序样式失效的完美解决方法

    uniapp开发H5打包微信小程序样式失效的完美解决方法

    本文主要介绍了在使用uniapp开发H5页面并打包成微信小程序时,可能会出现样式失效的问题,并提供了解决方法,通过本文的学习,读者可以了解uniapp开发H5页面打包成微信小程序的注意事项,避免出现样式失效等问题
    2023-03-03
  • Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    在实现补全提示功能时(Suggest)，都会给输入框(Input)元素添加autocomplete属性，且值设为off。
    2011-03-03
  • 开启BootStrap学习之旅

    开启BootStrap学习之旅

    当下最流行的前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢，你如果也喜欢Bootstrap前端开发框架，不要错过这次旅行
    2016-05-05
  • 几个javascript操作word的参考代码

    几个javascript操作word的参考代码

    几个javascript操作word的参考代码，对于具体的调用代码，大家可以参考我们的上一篇文章。
    2009-10-10
  • JS中console对象内部提供调试方法示例详解

    JS中console对象内部提供调试方法示例详解

    本文介绍了JavaScript中`console`对象提供的多种调试方法,包括`log`、`debug`、`dir`、`table`、`clear`、`group`、`groupEnd`、`time`和`timeEnd`,每种方法都有其特定的用途,感兴趣的朋友跟随小编一起看看吧
    2025-02-02
  • webpack构建的详细流程探底

    webpack构建的详细流程探底

    目前，几乎所有业务的开发构建都会用到 webpack 。所以下面这篇文章主要给大家介绍了关于webpack构建的详细流程的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2018-01-01
  • JS实现给不同元素设置不同的定时器

    JS实现给不同元素设置不同的定时器

    这篇文章主要为大家详细介绍了JS实现给不同元素设置不同的定时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07

最新评论