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基础篇
Nov 13 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
JavaScript简单获取页面图片原始尺寸的方法
Jun 21 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
vue和webpack项目构建过程常用的npm命令详解
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中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
浅析Jquery操作select
2016/12/13 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
Python中new方法的详解
2019/01/15 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
2014年元旦活动方案
2014/02/15 职场文书
食堂采购员岗位职责
2014/03/17 职场文书
优秀员工演讲稿
2014/05/19 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
涨价通知
2015/04/23 职场文书
创业计划书之餐饮
2019/09/02 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis
volatile保证可见性及重排序方法
2022/08/05 Java/Android