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之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
js实现具有高亮显示效果的多级菜单代码
Sep 01 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
Aug 06 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 Javascript
JS实现炫酷雪花飘落效果
Aug 19 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 函数使用方法与函数定义方法
2010/05/09 PHP
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
PHP反射API示例分享
2016/10/08 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
2017/05/25 Javascript
微信小程序使用Socket的实例
2017/09/19 Javascript
详解keep-alive + vuex 让缓存的页面灵活起来
2019/04/19 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
Python 正则表达式操作指南
2009/05/04 Python
Django自定义认证方式用法示例
2017/06/23 Python
Python竟能画这么漂亮的花,帅呆了(代码分享)
2017/11/15 Python
python定向爬取淘宝商品价格
2018/02/27 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
python 消费 kafka 数据教程
2019/12/21 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
简单了解Django项目应用创建过程
2020/07/06 Python
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
四种会话跟踪技术
2015/05/20 面试题
5s推行计划书
2014/05/06 职场文书
减负增效提质方案
2014/05/23 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
车辆管理制度范本
2015/08/05 职场文书
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
python中的3种定义类方法
2021/11/27 Python