美文网首页
js 小技巧

js 小技巧

作者: 嗝喯唲 | 来源:发表于2016-10-25 14:33 被阅读18次

    1、取整同时转成数值型:

    <code>
    console.log('10.567890' | 0);
    // 结果: 10
    console.log('10.567890' ^ 0);
    // 结果: 10
    console.log(-2.23456789 | 0);
    // 结果: -2
    console.log(~~-2.23456789);
    // 结果: -2
    </code>

    2、 日期转数值:

    <code>
    var d = +new Date();
    //1477367324096 //每次数值都不一样
    console.log(d);
    </code>

    3、 类数组对象转数组:

    <code>
    //var arr = [].slice.call(arguments[0])
    function newArr(objArr) {
    var arr = [].slice.call(objArr);
    return arr;
    }
    console.log(newArr({'1': 'gg', '2': 'love', '4': 'meimei', length: 5}));
    </code>

    4、 随机码:

    <code>
    {
    let a = Math.random().toString(16).substring(2);
    //14位
    let b = Math.random().toString(36).substring(2);
    //11位
    console.log(a, b);
    }
    </code>

    5、合并数组:

    <code>
    {
    let a = [1, 2, 3];
    let b = [4, 5, 6];
    console.log(a, b);
    Array.prototype.push.apply(a, b);
    console.log(eval(a));}
    </code>

    6、用0补全位数:

    <code>
    {
    function prefixInteger(num, length) {
    return (num / Math.pow(10, length)).toFixed(length).substr(2);
    }
    var n = prefixInteger(90, 3);
    console.log(n);
    </code>

    7、交换值:

    <code>
    {
    let a,b;
    a = [b, b = a][0];
    }
    </code>

    8、将一个数组插入另一个数组的指定位置:

    <code>
    {
    let a = [1, 2, 3, 7, 8, 9];
    let b = [4, 5, 6];
    let insertIndex = 3;
    a.splice.apply(a, [].concat(insertIndex, 0, b));
    console.log(a)
    // a: 1,2,3,4,5,6,7,8,9}
    </code>

    9、删除数组元素:

    <code>
    {
    let a = [1, 2, 3, 4, 5];
    a.splice(3, 1);
    }
    </code>

    10、取数组最大和最小值

    <code>
    Math.max.apply(Math, [1, 2, 3]) //3
    Math.min.apply(Math, [1, 2, 3]) //1
    </code>

    11、条件判断:

    <code>
    {
    let a,b;
    a = b && 1;
    // 相当于
    if (b) {
    a = 1
    }

    a = b || 1;
    // 相当于
    if (b) {
    a = b;
    } else {
    a = 1;
    }
    }
    </code>

    12、判断IE:
    <code>
    var ie = /@cc_on !@/false;
    </code>

    每天一段 js

    相关文章

      网友评论

          本文标题:js 小技巧

          本文链接:https://www.haomeiwen.com/subject/pjjruttx.html