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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
Jun 30 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
简单的js表格操作
Sep 24 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
Vue 全家桶实现移动端酷狗音乐功能
Nov 16 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
使用Vue生成动态表单
Nov 26 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
JavaScript判断数据类型有几种方法及区别介绍
Sep 02 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 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代码
2007/03/03 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
jQuery多个版本和其他js库冲突的解决方法
2016/08/11 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python线程指南详细介绍
2017/01/05 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
详解如何使用Pytest进行自动化测试
2021/01/14 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
路德维希•贝克(LUDWIG BECK)中文官网:德国大型美妆百货
2020/09/19 全球购物
应届生骨科医生求职信
2013/10/31 职场文书
高中生期末评语
2014/01/28 职场文书
2014年计划生育协会工作总结
2014/11/14 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
公司开会通知
2015/04/20 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server
python井字棋游戏实现人机对战
2022/04/28 Python