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 相关文章推荐
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
测试你的JS的掌握程度的代码
Dec 09 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 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
如何批量清理系统临时文件(语言:C#、 C/C++、 php 、python 、java )
2016/02/01 PHP
php查询内存信息操作示例
2019/05/09 PHP
从新浪弄下来的全屏广告代码 与使用说明
2007/03/15 Javascript
javascript 伪数组实现方法
2010/10/11 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
使用webpack搭建vue项目及注意事项
2019/06/10 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
JS实现前端路由功能示例【原生路由】
2020/05/29 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
Python中的exec、eval使用实例
2014/09/23 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
Python读取properties配置文件操作示例
2018/03/29 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
小学教师评语大全
2014/04/23 职场文书
房地产活动策划方案
2014/05/14 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
结婚纪念日感言
2015/08/01 职场文书
新年寄语2016
2015/08/17 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
使用Python获取字典键对应值的方法
2022/04/26 Python
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python