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 相关文章推荐
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
jquery.boxy插件的iframe扩展代码
Jul 02 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 Javascript
jQuery中:animated选择器用法实例
Dec 29 Javascript
纯javascript版日历控件
Nov 24 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
jQuery图片拖动组件Dropzone用法示例
Jan 17 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
微信小程序实现工作时间段选择
Feb 15 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 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自动生成月历代码
2006/10/09 PHP
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
扩展你的 PHP 之入门篇
2006/12/04 PHP
Yii2分页的使用及其扩展方法详解
2016/05/23 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
Javascript----文件操作
2007/01/18 Javascript
Mootools 1.2教程 函数
2009/09/15 Javascript
juqery 学习之四 筛选查找
2010/11/30 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
vue使用video插件vue-video-player详解
2020/10/23 Javascript
深入理解Javascript中的this关键字
2015/03/27 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
python自动发邮件总结及实例说明【推荐】
2019/05/31 Python
详解python中index()、find()方法
2019/08/29 Python
Python实现图像的垂直投影示例
2020/01/17 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
上市公司董事长岗位职责
2015/04/16 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
小学教师教学反思
2016/02/24 职场文书