js中使用位运算，让执行效率更高

摘要：平常的数值运算，其本质都是先转换成二进制再进行运算的，而位运算是直接进行二进制运算，所以原则上位运算的执行效率是比较高的，由于位运算的博大精深，下面通过一些在js中使用位运算的实例

我们知道平常的数值运算，其本质都是先转换成二进制再进行运算的，而位运算是直接进行二进制运算，所以原则上位运算的执行效率是比较高的，由于位运算的博大精深，下面通过一些在js中使用位运算的实例。

1、判断一个数是奇数还是偶数

除了传统使用求余数%的方式外，还可以使用一个数和1进行按位&操作进行判断，如下

function assert(n) {
    if (n & 1) {
          console.log("n是奇数");
    } else {
          console.log("n是偶数");
    }
}

2、位运算符取整

// 异或运算取整::位运算只对整数有效，遇到小数时，会将小数部分舍去，只保留整数部分。所以，将一个小数与0进行或运算，等同于对该数去除小数部分，即取整数位。
12.9 ^ 0 // 12
-12.9 ^ 0 // -12

// 双否定位操作符取整
~~4.9 // 4
~~(-4.9) // -4

// 左移0位，就相当于将该数值转为32位整数，等同于取整，对于正数和负数都有效。
13.5 << 0 // 13
-13.5 << 0 // -13

// 或运算取整:位运算只对整数有效，遇到小数时，会将小数部分舍去，只保留整数部分。所以，将一个小数与0进行或运算，等同于对该数去除小数部分，即取整数位。
2.9 | 0 // 2
-2.9 | 0 // -2

3、颜色值的转换

16进制颜色值转RGB：

function hexToRGB(hex){
    var hex = hex.replace("#","0x"),
        r = hex >> 16,
        g = hex >> 8 & 0xff,
        b = hex & 0xff;
    return "rgb("+r+","+g+","+b+")";
}

RGB转16进制颜色值：

function RGBToHex(rgb){
    var rgbArr = rgb.split(/[^\d]+/),
        color = rgbArr[1]<<16 | rgbArr[2]<<8 | rgbArr[3];
    return "#"+color.toString(16);
}

运行hexToRGB("#ffffff")返回"rgb(255,255,255)"，运行RGBToHex("rgb(255,255,255)")返回"#ffffff"。更多关于位运算的请看：巧用JS位运算

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_767