美文网首页
一些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小技巧

    1、如何优雅的取随机字符窜 2、如何使用位运算符优雅的取整 3、如何用正则优雅的实现金钱格式化 4、如何最佳让两个...

  • 关于客户端JS性能优化(部分)

    下面是一些关于客户端JS性能的一些优化的小技巧: 1.关于JS的循环,循环是一种常用的流程控制。JS提供了三种循环...

  • 小程序开发

    原文 小程序 小程序文档 我会加入一些 小程序文档没有提到的问题和开发的技巧。 project.config.js...

  • js 小技巧

    #23 - 转换数值的快速方法 将字符串转换为数字是非常常见的。最简单和最快的方式来实现,将使用+(加)算法。 你...

  • JS小技巧

    Alert() 切断加载;innerHTML :获取双闭合标签里面的内容。(识别标签)innerHTML :获取双...

  • JS: 小技巧

    1,强制转换成 boolean 值: !!(变量) 有时候变量虽然会被判断为真假,但是两次取反之后,会转换为真正的...

  • js小技巧

    1. 获取数组中的最大值 2. 获取数组中的最小值 3. 测量一个JavaScript代码块性能的技巧 4. 字符...

  • js小技巧

    1.!!来转换成boolean 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回t...

  • js小技巧

    1、随机字母数字字符串 2、随机颜色 3、清空一个数组 4、洗牌 5、字符串安全连接 6、双波浪线“~~”操作符 ...

  • JS小技巧

    ** 1、 生成随机颜色 ** **2、 原生js获取相关参数 ** **3、横竖屏刷新页面 ** 4、判断是否为...

网友评论

      本文标题:一些js小技巧

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