1. 程式人生 > >較常用的Math方法及ES6中的擴充套件

較常用的Math方法及ES6中的擴充套件

記錄下與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);
}
正在努力學習中,若對你的學習有幫助,留下你的印記唄(點個贊咯^_^)

原文地址:https://segmentfault.com/a/1190000017176274