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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
Textarea根据内容自适应高度
Oct 28 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
node.js中的path.delimiter方法使用说明
Dec 09 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
JS实现的抛物线运动效果示例
Jan 30 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
在Vue项目中使用snapshot测试的具体使用
Apr 16 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 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/06/29 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
JavaScript OOP类与继承
2009/11/15 Javascript
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
js将控件隐藏的方法及display属性介绍
2013/07/04 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
AngularJS基础知识笔记之表格
2015/05/10 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
python实现随机梯度下降法
2020/03/24 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
精细化工应届生求职信
2013/11/17 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
道路建设实施方案
2014/03/18 职场文书
就职演讲稿范文
2014/05/19 职场文书
2014年宣传工作总结
2014/11/18 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
幼儿园国庆节活动总结
2015/03/23 职场文书
运动会主持人开幕词
2016/03/04 职场文书