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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
初试jQuery EasyUI 使用介绍
Apr 01 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
Oct 10 Javascript
JS数组搜索之折半搜索实现方法分析
Mar 27 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
react-router JS 控制路由跳转实例
Jun 15 Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
Jul 13 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
Jan 07 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
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
jquery淡入淡出效果简单实例
2016/01/14 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
node.js实现登录注册页面
2017/04/08 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
vue v-for 使用问题整理小结
2019/08/04 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
python模块restful使用方法实例
2013/12/10 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
python批量替换页眉页脚实例代码
2018/01/22 Python
Python回文字符串及回文数字判定功能示例
2018/03/20 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
python 实现生成均匀分布的点
2019/12/05 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
土木工程实习生自我鉴定
2013/09/19 职场文书
财务出纳岗位职责
2014/02/03 职场文书
出纳担保书范文
2014/04/02 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python
python脚本框架webpy的url映射详解
2021/11/20 Python