JS內置對象和Math對象知識點詳解

更新時間：2020年04月03日 08:44:39 作者：About

在本篇文章里小編給大家分享的是關于JS內置對象和Math對象知識點詳解內容，有需要的朋友們可以參考下。

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對象內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Javascript?中AJAX的圖書管理代碼實例詳解
這篇文章主要為大家詳細介紹了AJAX的圖書管理代碼實例，使用數據庫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
如何讓DIV可編輯、可拖動示例代碼
DIV是一個盒子模型通俗說就是一個容器，在布局過程中經常會使用到這個標簽，在本文大家將學會如何讓DIV可編輯、可拖動，感興趣的朋友可以參考下，希望對大家有所幫助
2013-09-09
JavaScript輸出所選擇起始與結束日期的方法
這篇文章主要介紹了JavaScript輸出所選擇起始與結束日期的方法,涉及javascript結合HTML5元素操作日期運算的相關實現技巧,需要的朋友可以參考下
2017-07-07
JavaScript判斷頁面滾動方向的三種方法
這篇文章主要介紹了JavaScript判斷頁面滾動方向的三種方法：使用變量記錄、使用更精確的 delta 值判斷和使用 requestAnimationFrame 優(yōu)化性能,并通過代碼講解的非常詳細,需要的朋友可以參考下
2025-04-04
判斷JS對象是否擁有某屬性的方法推薦
下面小編就為大家了一篇判斷JS對象是否擁有某屬性的方法推薦。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
微信小程序picker選擇器獲取值的2種方法示例
picker為用戶提供了多個選擇,用戶選了其中一種,但仍是需要有東西去告訴后臺用戶選了什么,下面這篇文章主要給大家介紹了關于微信小程序picker選擇器獲取值的2種方法,需要的朋友可以參考下
2023-03-03
js實現踩五彩塊游戲
這篇文章主要為大家詳細介紹了js實現踩五彩塊游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02
詳解JS ES6變量的解構賦值
這篇文章主要介紹了JS ES6變量的解構賦值，對ES6感興趣的同學，可以參考下
2021-05-05
微信小程序--onShareAppMessage分享參數用處(頁面分享)
本篇文章主要介紹了微信小程序的頁面分享onShareAppMessage分享參數用處的相關資料。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
在layui中l(wèi)ayer彈出層點擊事件無效的解決方法
今天小編就為大家分享一篇在layui中l(wèi)ayer彈出層點擊事件無效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09