zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JavaScript中Math介绍、Math常用方法、常用案例(随机数,随机颜色等)

JavaScript案例方法 介绍 常用 颜色 随机 随机数
2023-09-27 14:22:48 时间

一、Math介绍

—Math和其他的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,它里面封装了数学运算相关的属性和方法

—比如 Math.PI表示圆周率

二、Math常用的方法

Math.abs()        可以用来计算一个数的绝对值

Math.ceil()         可以用来对一个书向上取整,小数位只要有值,就自动进1

Math.floor()         可以对一个数进行向下取整,小数部分会被舍掉

Math.round()         可以对一个数进行四舍五入取整

Math.random()         可以生成一个0-1之间的随机数

                -生成一个0-x之间的随机数Math.round(Math.random()*x)

                -生成一个x-y之间的随机数Math.round(Math.random()*(y-x)+x

Math.max()         可以获取多个数中的最大值

Math.min()         可以获取多个数中的最小值

Math.pow(x,y)         返回x的y次幂

Math.sqrt()         对一个数进行开方运算

三、常用的案例写法

1、随机数

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

2、随机十六进制颜色

  function getColor(){
        var color="#";
        //随机取六个字符,然后拼接
        var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
        for(var i=0;i<6;i++){
            color+=arr[Math.ceil(Math.random()*15)];
        }
        return color;//返回随机的颜色值
    }
    console.log(getColor());

3、代码实现最大数最小数

var myMath = {
            max: function () {
                var max = arguments[0];
                for (var i = 1; i < arguments.length; i++) {
                    if (max < arguments[i]) {
                        max = arguments[i];
                    }
                }
                return max;
            },
            min: function () {
                var min = arguments[0];
                for (var i = 1; i < arguments.length; i++) {
                    if (min > arguments[i]) {
                        min = arguments[i];
                    }
                }
                return min;
            }
        }
        console.log(myMath.max(2, 66, 88));
        console.log(myMath.min(2, 66, 88));