JS内置对象和Math对象知识点详解


Posted in Javascript onApril 03, 2020

Math对象

<script>
    // Math数学对象 不是一个构造函数 ,所以我们不需要new 来调用 而是直接使用里面的属性和方法即可
    console.log(Math.PI); // 一个属性 圆周率
    console.log(Math.max(1, 99, 3)); // 99
    console.log(Math.max(-1, -10)); // -1
    console.log(Math.max(1, 99, 'pink老师')); // NaN
    console.log(Math.max()); // -Infinity
  </script>

自己封装对象

<script>
    // 利用对象封装自己的数学对象 里面有 PI 最大值和最小值
    var myMath = {
      PI: 3.141592653,
      max: function() {
        var max = arguments[0];
        for (var i = 1; i < arguments.length; i++) {
          if (arguments[i] > max) {
            max = arguments[i];
          }
        }
        return max;
      },
      min: function() {
        var min = arguments[0];
        for (var i = 1; i < arguments.length; i++) {
          if (arguments[i] < min) {
            min = arguments[i];
          }
        }
        return min;
      }
    }
    console.log(myMath.PI);
    console.log(myMath.max(1, 5, 9));
    console.log(myMath.min(1, 5, 9));
  </script>

一些常用的方法

<script>
    // 1.绝对值方法
    console.log(Math.abs(1)); // 1
    console.log(Math.abs(-1)); // 1
    console.log(Math.abs('-1')); // 隐式转换 会把字符串型 -1 转换为数字型
    console.log(Math.abs('pink')); // NaN 

    // 2.三个取整方法
    // (1) Math.floor()  地板 向下取整 往最小了取值
    console.log(Math.floor(1.1)); // 1
    console.log(Math.floor(1.9)); // 1
    // (2) Math.ceil()  ceil 天花板 向上取整 往最大了取值
    console.log(Math.ceil(1.1)); // 2
    console.log(Math.ceil(1.9)); // 2
    // (3) Math.round()  四舍五入 其他数字都是四舍五入,但是 .5 特殊 它往大了取 
    console.log(Math.round(1.1)); // 1
    console.log(Math.round(1.5)); // 2
    console.log(Math.round(1.9)); // 2
    console.log(Math.round(-1.1)); // -1
    console.log(Math.round(-1.5)); // 这个结果是 -1
  </script>
<script>
    // 1.Math对象随机数方法  random() 返回一个随机的小数 0 =< x < 1
    // 2. 这个方法里面不跟参数
    // 3. 代码验证 
    console.log(Math.random());
    // 4. 我们想要得到两个数之间的随机整数 并且 包含这2个整数
    // Math.floor(Math.random() * (max - min + 1)) + min;
    function getRandom(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    console.log(getRandom(1, 10));
    // 5. 随机点名 
    var arr = ['张三', '张三丰', '张三疯子', '李四', '李思思', 'pink老师'];
    // console.log(arr[0]);
    console.log(arr[getRandom(0, arr.length - 1)]);
  </script>

到此这篇关于JS内置对象和Math对象知识点详解的文章就介绍到这了,更多相关JS内置对象和Math对象内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript中的Location地址对象
Jan 16 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
用Javascript评估用户输入密码的强度实现代码
Nov 30 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
JS控制文本域只读或可写属性的方法
Jun 24 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 Javascript
详细教你微信公众号正文页SVG交互开发技巧
Jul 25 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 #Javascript
JavaScript鼠标拖拽事件详解
Apr 03 #Javascript
Javascript组合继承方法代码实例解析
Apr 02 #Javascript
Javascript异步编程async实现过程详解
Apr 02 #Javascript
JS实现图片懒加载(lazyload)过程详解
Apr 02 #Javascript
JavaScript运动原理基础知识详解
Apr 02 #Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 #Javascript
You might like
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
python3实现跳一跳点击跳跃
2018/01/08 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
python实现梯度下降算法
2020/03/24 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
音乐学个人的自荐书范文
2013/11/26 职场文书
初婚未育证明
2014/01/15 职场文书
测绘专业大学生职业生涯规划书
2014/02/10 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
初二学习计划书范文
2014/04/27 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
卫生系统先进事迹
2014/05/13 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
教师见习报告范文
2014/11/03 职场文书
2015年效能监察工作总结
2015/04/23 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS