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无法设置短域名下Cookie
Sep 23 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
JQuery动态添加和删除表格行的方法
Mar 09 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
将 vue 生成的 js 上传到七牛的实例
Jul 28 Javascript
浅谈Vue数据响应
Nov 05 Javascript
微信小程序全局变量功能与用法详解
Jan 22 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
js正则表达式简单校验方法
Jan 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
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
JS 面向对象之神奇的prototype
2011/02/26 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
js实现用户注册协议倒计时的方法
2015/01/21 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
Bootstrap精简教程
2015/11/27 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
vue.js实现条件渲染的实例代码
2017/06/22 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
2019/07/23 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
vue中template的三种写法示例
2020/10/21 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
python通过定义一个类实例作为ftp回调方法
2015/05/04 Python
深入浅析Python字符编码
2015/11/12 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
春秋航空官方网站:Spring Airlines
2017/09/27 全球购物
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
教师群众路线学习心得体会
2014/11/04 职场文书
Python图像处理之图像拼接
2021/04/28 Python
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript