js中math方法_整理js中常用的math方法总结

时间: 2018-11-29阅读: 1219标签: 方法

记录下与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);
}


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1446

如何判断一个原生方法是否被重写

有的脚本会重写该方法,那么如何判断这个方法是否被重写了呢?浏览器根据 ECMScript 标准,为我们提供了很多原生的方法。但有的脚本会重写该方法,那么如何判断这个方法是否被重写了呢?

js实用方法总汇

DataUrl转为File,url转base64,生成Uuid,获取url路径后的参数,Canvas生成水印,请求本地Json

常用原生JS方法总结(兼容性写法)

经常会用到原生JS来写前端。。。但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的,一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了

Javascript中 toFixed

简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一。但是不论引入toFixed解决浮点数计算精度缺失的问题也好,它有没有使用银行家舍入法也罢,都是为了解决精度的问题

js数组的内置方法

在前端开发中,我们要经常用到js中的数组的内置方法,在控制台中的打印中,我们可以看到数组中的内置方法。Array.concat()该方法可以合并一个或者多个数组,Array.copyWithin() 该方法复制数组内的某些值到到另一个索引位置

JavaScript中Array.find()方法如何使用?

find()方法返回通过测试(函数内判断)的数组的第一个元素的值。当数组中的元素在测试条件时返回 true 时, find()返回符合条件的元素,之后的值不会再调用执行函数。如果没有符合条件的元素返回undefined。

Number 常用方法汇总

toExponential()把对象的值转换为指数计数法。toFixed()把数字转换为字符串,并对小数点指定位数。toLocaleString()把数字转换为字符串,使用本地数字格式顺序。

php中heredoc与nowdoc的使用方法、定界符<<<的使用方法

Heredoc 结构就象是没有使用双引号的双引号字符串,这就是说在 heredoc 结构中单引号不用被转义。其结构中的变量将被替换,但在 heredoc 结构中含有复杂的变量时要格外小心。其对格式化输出内容时,比较有用 。

前端百题_竟然有五种方式实现flat方法

不知道老铁们有没有遇到过一道面试题:如何将一个多维数组展开成一个一维数组?当时我遇到的时候还不了解flat这个神奇的方法,用了最传统的解决方法进行解决。

js返回上一页的实现方法

下面是常用代码:如果是用按钮做的话就是:用图片做的话就是:[color=#FF0000]几秒钟后[/color]自动返回上一页代码:(加入两个head间,3000表示3秒)

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!