js异或运算符^小技巧分享

 更新时间:2023年04月22日 09:13:25   作者:Garrettzxd  
这篇文章主要介绍了js异或运算符^小技巧,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

js异或运算符^小技巧

这个运算符主要是在位运算的时候使用,但是在普通的数也能使用,且有一个转换过程,即将二进制的数转换为十进制

var a = 1 ^ 2;
//3
//1 -> 01
//2 -> 10
//1 ^ 2 -> 11 -> 3

如上所示,在十进制进行异或运算符操作时也是OK的,结果显示也是十进制的结果,示例中的转换过程只是我假象的转换过程,只是便于理解,假设由十进制到二进制进行异或运算,再将结果转换为十进制,实际上的运算并不一定是如此

利用异或运算可以找出数组中奇个数的项

var a = [2,3,2,4,4];
for(let i = 0; i < a.length; i++) {
    a[0] = a[0] ^ a[i];
}
//a[0]为3,即单独存在的一项

这里涉及到离散数学的异或运算性质了

  • 1.交换律:a ^ b ^ c  <=> a ^ c ^ b
  • 2.任何数于0异或为任何数 0 ^ n => n
  • 3.相同的数异或为0: n ^ n => 0

因此上面的例子2 ^ 3  ^ 2 ^ 4 ^ 4等价于  2 ^ 2  ^ 4 ^ 4 ^ 3  =>  0 ^ 0 ^3  => 3

js中的位运算符(按位与、按位或、按位异或)使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript">
        var a=1;
        var b=0;
 
        //按位与&:两个操作数都是1,结果才是1
        alert(a&b) //结果是0
 
        //按位或:两个操作数只要有一个是1,结果就是1
        alert(a|b)  //结果是1
 
        //按位异或:两个数字一样,结果为0;两个数字不一样,结果就是1。
        alert(a^b)  //结果是1
 
        //简单的方法:数字求负,在减1
        alert(~a)//结果是-2
 
    </script>
    <title>位运算符</title>
</head>
<body>
 
</body>
</html>

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • webstorm中配置Eslint的两种方式及差异比较详解

    webstorm中配置Eslint的两种方式及差异比较详解

    这篇文章主要介绍了webstorm中配置Eslint的两种方式及差异比较详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 基于javaScript的this指向总结

    基于javaScript的this指向总结

    下面小编就为大家带来一篇基于javaScript的this指向总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 如何基于viewport vm适配移动端页面

    如何基于viewport vm适配移动端页面

    这篇文章主要介绍了如何基于viewport vm适配移动端页面,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • layer弹窗在键盘按回车将反复刷新的实现方法

    layer弹窗在键盘按回车将反复刷新的实现方法

    今天小编就为大家分享一篇layer弹窗在键盘按回车将反复刷新的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Webpack4 使用Babel处理ES6语法的方法示例

    Webpack4 使用Babel处理ES6语法的方法示例

    这篇文章主要介绍了Webpack4 使用Babel处理ES6语法的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • 深入理解JavaScript中的for循环

    深入理解JavaScript中的for循环

    这篇文章主要给大家深入的介绍了JavaScript中的for循环,其中包括ES5中的三种for循环,分别是简单for循环、for-in以及forEach,另外还详细介绍了ES6新增的一种循环:for-of ,有需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-02-02
  • 关于javascript的“静态类"

    关于javascript的“静态类"

    关于javascript的“静态类"...
    2006-10-10
  • JS之小练习代码

    JS之小练习代码

    初学者不建议看,这些都是用类实现的代码,高手推荐学习
    2008-10-10
  • JavaScript函数apply()和call()用法与异同分析

    JavaScript函数apply()和call()用法与异同分析

    这篇文章主要介绍了JavaScript函数apply()和call()用法与异同,结合实例形式分析了apply()和call()的功能、区别、使用方法及相关操作注意事项,需要的朋友可以参考下
    2018-08-08
  • jQuery javascript获得网页的高度与宽度的实现代码

    jQuery javascript获得网页的高度与宽度的实现代码

    下面小编就为大家带来一篇jQuery javascript获得网页的高度与宽度的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-04-04

最新评论