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 相关文章推荐
jQuery Autocomplete自动完成插件
Jul 17 Javascript
JavaScript 实现类的多种方法实例
May 01 Javascript
jquery特效 幻灯片效果示例代码
Jul 16 Javascript
javascript显示用户停留时间的简单实例
Aug 05 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
JavaScript中匿名函数的用法及优缺点详解
Jun 01 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 Javascript
javascript条件式访问属性和箭头函数介绍
Nov 17 Javascript
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
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下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
js 动态选中下拉框
2009/11/26 Javascript
加载jQuery后$冲突的解决办法
2010/07/09 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
2013/04/12 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
jquery 中的each()跳出循环的语句
2014/05/23 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
基于JavaScript实现图片剪切效果
2017/03/07 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
2019/05/16 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
Python实现希尔排序算法的原理与用法实例分析
2017/11/23 Python
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
java程序员面试交流
2012/11/29 面试题
Unix如何添加新的用户
2014/08/20 面试题
《鲁班和橹板》教学反思
2014/04/27 职场文书
学生吸烟检讨书
2014/09/14 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
民事调解书范文
2015/05/20 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python
Java Spring Lifecycle的使用
2022/05/06 Java/Android