一些js小技巧

2020-05-28  本文已影响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;
上一篇下一篇

猜你喜欢

热点阅读