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.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 Javascript
JavaScript基于setTimeout实现计数的方法
May 08 Javascript
jQuery常用知识点总结以及平时封装常用函数
Feb 23 Javascript
JS上传组件FileUpload自定义模板的使用方法
May 10 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
Javascript for in的缺陷总结
Feb 03 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
Vue组件之高德地图地址选择功能的实例代码
Jun 21 Javascript
layui使用数据表格实现购物车功能
Jul 26 Javascript
对vue生命周期的深入理解
Dec 03 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
VOLVO车载收音机
2021/03/02 无线电
咖啡与水的关系
2021/03/03 冲泡冲煮
PHP常用代码大全(新手入门必备)
2010/06/29 PHP
thinkPHP模板算术运算相关函数用法分析
2016/07/12 PHP
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Java 生成随机字符的示例代码
2021/01/13 Javascript
[15:23]教你分分钟做大人:虚空假面
2014/10/30 DOTA
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
[49:27]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第一场
2018/04/05 DOTA
解决pandas 作图无法显示中文的问题
2018/05/24 Python
在python中实现对list求和及求积
2018/11/14 Python
Python面向对象之类的定义与继承用法示例
2019/01/14 Python
Python实现微信小程序支付功能
2019/07/25 Python
Python Numpy中数据的常用保存与读取方法
2020/04/01 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
linux面试题参考答案(7)
2012/10/29 面试题
迅雷Cued工作心得体会
2014/01/27 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
Python爬虫基础初探selenium
2021/05/31 Python
Python 语言实现六大查找算法
2021/06/30 Python