美文网首页
一些js小技巧

一些js小技巧

作者: 有利息 | 来源:发表于2020-05-28 01:08 被阅读0次

    1、如何优雅的取随机字符窜

    //toString(X)转换为X进制表示
    Math.random().toString(16).substring(2) //13位,由于是16进制,字母最高包含到f
    Math.random().toString(36).substring(2) //11位,包含所有字母
    

    2、如何使用位运算符优雅的取整

    说明:由于JavaScript位运算套用了Java的位运算,针对的是整数,所以会先转换为整数
    1.使用两个位非(~~)运算符
      ~运算符操作:
        第1步:把运算数转换为 32 位的二进制整数。
        第2步:逐位进行取反操作。
        第3步:把二进制反码转换为十进制浮点数。
      位非(~)运算实际上就是对数字进行取负运算,再减1,如:~12=-13;
      位非(~)还会把小数部分省略掉直接去整数部分,如:~2.33=-3;
      那么两个~~就清楚了,如:~~2=2、~~2.123=2;
      字符窜类型的数字也可以,如:~~"2.123"=2;
      如果位非(~)对非数字或者不能转为数字的对象则得到的结果是-1,当然false和ture例外,false=0,true=1,自然~true=-2
    
    2.使用位或(|)运算
      如:2.33|0=2;   "2.33"|0=2;
    
    3.使用位与(&)运算
      我们通过运算方式得知,a&b,只要b>=a就可以实现a的取整了,如:2.33&2.33=2;  "2.33"&"2.33"=2;
    
    4.使用移位(>>和<<)运算
      如:2.33>>0=2;  2.33<<0=2;
    速度比较(1亿次运算):
    ~~:97ms      |:94ms      &:97ms      >>:100ms      <<:94ms
    虽然显示位或(|)运算要快一点,但其实没什么意义,所以还是看个人习惯,我觉得~~就不错!
    

    3、如何用正则优雅的实现金钱格式化

    reg=/\B(?=(\d{3})+(?!\d))/g
    如:"123456789".replace(/\B(?=(\d{3})+(?!\d))/g, ",")="123,456,789"
    

    4、如何最佳让两个变量交换数值

    let a = 1;
    let b=2;
    b^=a^(a^=a^b);//交换完成,a=2,b=1
    1.b^=a^(a^=a^b)
    2.b=b^a^(a=a^a^b)//a=a^a^b=a
    3.b=b^a^a
    4.b=b
    运用了异或(^)运算符a^a=0和其满足的交换律
    

    5、如何快速判断一个整数是否是2的整数幂

    n&(n-1)=0,则说明n是2的整数幂;因为如果一个数是2的整数幂,那么它转换为二进制后必然是1000•••,减一后0111•••,&运算后必然是0.
    let n = 1024;
    1024&1023=0;
    

    6、如何快速取数字数组的最大值和最小值

    let nums = [0,1,2,3,4,5,6,7,8,9]
    最大值: 
          Math.max.apply(null,nums)=0;
          Math.max(...nums)=0;
    最小值: 
          Math.min.apply(null,nums)=9;
          Math.min(...nums)=0;
    

    7、如何快速判断浏览器是否是IE8及其以下

    console.log(!+"\v1");//true:是,  false:否
    

    8、如何快速清空数组

    让数组的长度为0即可;
    let nums = [1,2,3];
    nums.length = 0;
    

    相关文章

      网友评论

          本文标题:一些js小技巧

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