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插件
Sep 14 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
详解从新建vue项目到引入组件Element的方法
Aug 29 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
浅谈ECMAScript 中的Array类型
Jun 10 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
p5.js临摹动态图形实现方法详解
Oct 23 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 Javascript
JavaScript监听键盘事件代码实现
Jun 03 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
模仿OSO的论坛(三)
2006/10/09 PHP
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
Apache PHP MySql安装配置图文教程
2016/08/27 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
Js控制滑轮左右滑动实例
2015/02/13 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
使用python实现回文数的四种方法小结
2019/11/24 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
德国机车企业:FC-Moto
2017/10/27 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
技术学校毕业生求职信分享
2013/12/02 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
求职推荐信范文
2015/03/27 职场文书
2015年中学总务处工作总结
2015/07/22 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
mysql如何查询连续记录
2022/05/11 MySQL