較常用的Math方法及ES6中的擴展

MudOnTire 發布于2019-08-23 13:45 / 3347人閱讀

摘要：記錄下與有關的常用方法，如求最大值最小值等，或者是保留幾位數啥的數據求最大值最小值求最小值使用來重新綁定使用展開運算符求最大值使用來重新綁定使用展開運算符取整四舍五入取整取與參數最接近的整數向上取整取大于或等于函數參數，并且與之最接近的

記錄下與Math有關的常用方法，如：求最大值、最小值等，或者是保留幾位數啥的

1.數據

let floatA = 2.325232;
let floatB = 2.3456;
let temporaryArray = [1, 2, 5, 6, 3];
let minusNum = -12;
let minusFloat = -12.321;
let intA = 10;
let min, max, num;

2.求最大值、最小值

{
    /* 求最小值 */
    min = Math.min(floatA, floatB);
    console.log(min);
    /* 使用apply來重新綁定this */
    min = Math.min.apply(null, temporaryArray);
    console.log(min);
    /* 使用展開運算符 */
    min = Math.min(...temporaryArray);
    console.log(min);

    /* 求最大值 */
    max = Math.max(floatA, floatB);
    console.log(max);
    /* 使用apply來重新綁定this */
    max = Math.max.apply(null, temporaryArray);
    console.log(max);
    /* 使用展開運算符 */
    max = Math.max(...temporaryArray);
    console.log(max);
}

3.取整

{
    /* 四舍五入取整:取與參數最接近的整數 */
    num = Math.round(floatA);
    console.log(num);

    num = Math.round(minusFloat);
    console.log(num);

    /* 向上取整:取大于或等于函數參數，并且與之最接近的整數 */
    num = Math.ceil(floatB);
    console.log(num);

    /* 向下取整:取小于或等于函數參數，并且與之最接近的整數 */
    num = Math.floor(floatB);
    console.log(num);

    /* ceil、floor結合起來，實現一個總是返回數值的整數部分的函數 */
    function getInteger(value) {
        value = Number(value);
        return value < 0 ? Math.ceil(value) : Math.floor(value);
    }
    console.log(getInteger(-2.3322));
}

4.求絕對值

{
    /* 負整數 */
    num = Math.abs(minusNum);
    console.log(num);

    /* 負浮點數 */
    num = Math.abs(minusFloat);
    console.log(num);
}

5.次冪

{
    /* 結果是虛數或負數，則該方法將返回 NaN
    * 如果由于指數過大而引起浮點溢出，則該方法將返回 Infinity
    */
    /* 2的3次方 */
    num = Math.pow(2, 3);
    console.log(num);
}

6.去平方根

{
    /*  求參數的平方根，如果參數小于 0，則返回 NaN */
    num = Math.sqrt(9);
    console.log(num);
}

7.生成隨機數

{
    /* 生成0-1的隨機數，大于0小于1 */
    num = Math.random();
    console.log(num);

    /* 生成0-10的隨機數 */
    num = Math.random() * 10;
    console.log(num);

    /* 生成任意范圍隨機數 */
    function getRandom(min, max) {
        return Math.random() * (max - min) + min;
    }
    console.log(getRandom(3.5, 6.5));

    /* 整數min與整數max生成任意范圍整數隨機數 */
    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    console.log(getRandomInt(5, 15));
}

8.es6中對Math方法的擴展（部分）

{
    /* 取整(非四舍五入)
     * 對于非數值，內部調用 Number 強轉為數值
     * 對于空值或其他數據，返回NaN
     * */
    num = Math.trunc(floatA);
    console.log(num);

    num = Math.trunc(intA);
    console.log(num);

    num = Math.trunc("aaa");
    console.log(num);
}

{
    /* 判斷一個數是正數、負數或零
     * 正數返回+1，負數返回-1，零返回0或-0
     * 其他值 NaN
     * */
    num = Math.sign(2);
    console.log(num);

    num = Math.sign(0);
    console.log(num);

    num = Math.sign(-0);
    console.log(num);

    num = Math.sign(-14);
    console.log(num);

    num = Math.sign("ss");
    console.log(num);
}

{
    let a = 2;
    a **= 3;
    /* 相當于 a*a*a */
    console.log(a);
}

9.保留位數操作

{
    /* 四舍五入保留兩位小數
     * toFixed(num) 方法可把 Number型 四舍五入為指定小數位數的數字
     * num規定小數的位數，是 0 ~ 20 之間的值，包括 0 和 20
     * 有些實現可以支持更大的數值范圍,如果省略了該參數，將用 0 代替
     * */
    num = floatA.toFixed(2);
    console.log(num);

    let word = 2.5;
    num = word.toFixed();
    console.log(num);

    /* 不四舍五入 */
    num = Math.floor(23.365125 * 100) / 100;
    console.log(num);
}

10.字符串轉數字

 {
    /* parseInt(value, radix)
    * 用于解析字符串，返回一個整數
    * radix表示要解析的數字的基數，該值介于 2 ~ 36 之間
    * 如果省略該參數或其值為 0，則數字將以 10 為基礎來解析
    * 如果它以 “0x” 或 “0X” 開頭，將以 16 為基數
    * 如果該參數小于 2 或者大于 36，則 parseInt() 將返回 NaN。
    * */
    let temporaryString = "123";
    num = parseInt(temporaryString);
    console.log(num);

    {
        console.log(parseInt("10"));        //返回 10
        console.log(parseInt("19",10));        //返回 19 : 10 + 9
        console.log(parseInt("11",2));        //返回 3 : 2 + 1
        console.log(parseInt("17",8));        //返回 15 : 8 + 7
        console.log(parseInt("1f",16));        //返回 31 : 16 + 15
        console.log(parseInt("010"));        //未定：返回 10 或 8
    }

    /* 常見的parseInt一道題 */
    {
        console.log(["1", "2", "3"].map(parseInt));

        /* 返回[1, NaN, NaN]
        * map(function(value, index, array) {})
        * map方法中的回調函數中的3個參數值，每個值value，索引值index，數組對象array
        * 上面的相當于parseInt("1", 0)、parseInt("2", 1)、parseInt("3", 2)
        * */
    }

    /* Number強轉 */
    num = Number("12345");
    console.log(num);
}

正在努力學習中，若對你的學習有幫助，留下你的印記唄（點個贊咯^_^）

往期好文推薦：

判斷iOS和Android及PC端

純css實現瀑布流（multi-column多列及flex布局）

微信小程序之購物車和父子組件傳值及calc的注意事項

css實現波浪線及立方體

云服務器 GPU云服務器常用的域名后綴及含義 es6字符串擴展 linux中的常用命令 es6中的class

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99486.html

【進階3-3期】深度解析 call 和 apply 原理、使用場景及實現

摘要：之前文章詳細介紹了的使用，不了解的查看進階期。不同的引擎有不同的限制，核心限制在，有些引擎會拋出異常，有些不拋出異常但丟失多余參數。存儲的對象能動態增多和減少，并且可以存儲任何值。這邊采用方法來實現，拼成一個函數。之前文章詳細介紹了 this 的使用，不了解的查看【進階3-1期】。 call() 和 apply() call() 方法調用一個函數, 其具有一個指定的 this 值和分...

godlong_X 2019-08-23 14:31 評論0 收藏0
ES6學習第六章數值的擴展

摘要：前言本章介紹數值的擴展。本章原文鏈接數值的擴展進制表示法提供了二進制和八進制數值的新的寫法，分別用前綴或和或表示。科學計數法里面，表示指數的或前后不能有分隔符。函數返回數值的雙曲余弦函數可用表示。與數值的類型不同。前言本章介紹數值的擴展。新增了很多方法，有些不常用的方法了解即可。本章原文鏈接：數值的擴展進制表...

番茄西紅柿 2021-11-29 10:50 評論0 收藏2637
工作中常用es6+特性

摘要：結合工作中使用情況，簡單對進行一些復習總結，包括常用的語法，等，以及短時間內要上手需要重點學習的知識點不同工作環境可能有一些差別，主要參考鏈接是阮一峰的博客以及外文博客阮老師大部分文章是直接翻譯的這個博客簡介先說一下，是一個標準化組織，他們結合工作中使用情況，簡單對es6進行一些復習總結，包括常用的語法，api等，以及短時間內要上手需要重點學習的知識點（不同工作環境可能有一些差別），...

xcold 2019-08-23 18:39 評論0 收藏0
你該知道的ES6那些事兒

摘要：最近重構了一個項目，引入了部分用法，最大的感受是讓這門語言變得更加嚴謹，更加方便。通過該方法獲得位置后還得比較一次才能判斷是否存在。再來看看的寫法使用數組來初始化一個，構造器能確保不重復地使用這些值。下面提供鏈接，供有興趣的朋友參考。最近重構了一個SPA項目，引入了部分ES6用法，最大的感受是ES6讓javascript這門語言變得更加嚴謹，更加方便。本篇將結合實戰經驗，對最常用的部...

CoffeX 2019-08-22 18:42 評論0 收藏0
es6學習筆記-數值的擴展_V1.0_byKL

摘要：學習筆記數值的擴展有一些不常用或者還不支持的就沒有記錄了總體來說本篇只是一個備忘而已用來檢查一個數值是否為有限的。兩個新方法只對數值有效，非數值一律返回。參考引用數值擴展 es6學習筆記-數值的擴展有一些不常用或者還不支持的就沒有記錄了,總體來說本篇只是一個備忘而已 Number.isFinite(), Number.isNaN() Number.isFinite()用來檢查一個數值...

宋華 2019-08-20 15:06 評論0 收藏0