• Math


    一. Math对象
    Math是一个包含很多数学方法的对象
    是一个固有对象,提供基本的数学函数和常数。
    1. 常见属性
    Math.PI 3.1415926..... π
    2. 常用方法
    Math.sqrt(3) 平方根 1.732
    Math.max(n1,n2,n3...) 返回最大值
    Math.min(n1,n2,n3...) 返回最小值
    Math.random() 获取随机数,
    范围是[0,1),包含0,不包含1
    Math.round(n) 四舍五入
    Math.floor(n)
    向下舍入,返回小于n的最大整数,
    floor:地板
    Math.ceil(n)
    向上舍入,返回大于n的最小整数
    ceil:天花板
    案例:(01.常见属性.html)
    1) 定义变量存放圆周率,在控制台输出
    2)定义变量存放5的平方根,在控制台输出
    案例:(02.常用方法.html)
    1) 使用方法获取10,20的最大数赋给变量,在控制台输出
    2)使用方法获取22,12,4,56,23的最大数赋给变量,在控制台输出
    3)使用方法获取10,20,50,3的最小数赋给变量,在控制台输出
    4)在控制台输出以下变量的结果:
    var cl1 = Math.ceil(3.1);
    var cl2 = Math.ceil(3.9);
    var cl3 = Math.ceil(-3.1);
    var cl4 = Math.ceil(-3.9);
    5)在控制台输出以下变量的结果:
    var fl1 = Math.floor(3.1);
    var fl2 = Math.floor(3.9);
    var fl3 = Math.floor(-3.1);
    var fl4 = Math.floor(-3.9);
    6)在控制台输出以下变量的结果:
    var rd1 = Math.round(3.1);
    var rd2 = Math.round(3.9);
    var rd3 = Math.round(-3.1);
    var rd4 = Math.round(-3.9);
    案例:(03.max和min的使用.html)
    文本框输入数字,数字小于等于500则显示为绿色,大于500则显示为红色。

    3. 其它方法:
    Math.abs(n) 绝对值
    Math.sin(x) 返回弧度x的正弦值
    Math.sin(90 * Math.PI / 180);//1
    Math.cos(x) 返回弧度x的余弦值
    Math.cos(90 * Math.PI / 180);//0
    案例:(04.随机数.html)
    1) 输出0-1之间的随机数
    2)输出0-100之间的随机数
    3)输出0-100之间的随机整数
    4)输出10-20之间的随机整数,包括10和20
    5)输出1-100之间的随机整数,包括1和100
    6)输出-5的绝对值
    7)输出6的绝对值
    8)输出90度的正弦值
    9)输出90度的余弦值
    案例:(05.随机数.html)
    功能:点击‘换一批’标题,下面的列表显示4个随机的新闻题目
    题目从1-8
    分析:
    定义数组存放8个新闻标题
    点击‘换一批’时,从数组中获取随机的4个新闻标题并显示到列表中

    显示的新闻列表没有重复:
    每次获取的新闻数组的下标没有重复
    定义数组存放新闻数组的下标如下:
    var arr1 = [0,1,2,3,4,5,6,7];
    每次从arr1数组获取随机的元素,此元素值就对应的是新闻数组的下标,然后将arr1中这个元素删掉,然后下次再从删除了这个元素的数组arr1中再获取一个随机元素作为第二个新闻数组元素的下标,然后再将arr1中的这个元素删掉,共需要获取和删除4次。

  • 相关阅读:
    MiniUI破解方法
    mysql [索引优化] -- in or替换为union all
    MySQL匹配指定字符串的查询
    MySQL优化之like关键字
    Java身份证归属地目录树
    JS数字指定长度不足前补零的实现
    jQuery Distpicker插件 省市区三级联动 动态赋值修改地址
    JS 正则表达式从地址中提取省市县
    Eclipse/myEclipse 代码提示/自动提示/自动完成设置
    Spring Mvc配置多视图
  • 原文地址:https://www.cnblogs.com/yangjingyang/p/10210484.html
Copyright © 2020-2023  润新知