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>总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在前端开发中，优化页面性能是非常重要的一个方面，页面性能优化可以提升网站的用户体验，加速页面的加载速度，提高用户的满意度，本文讲解了前端通用的优化策略，需要详细了解可以参考下2023-05-05
这篇文章主要介绍了微信js-sdk分享功能接口常用逻辑封装,简单介绍了分享功能接口的功能、逻辑封装与使用方法,需要的朋友可以参考下2016-10-10
这篇文章主要为大家详细介绍了ionic组件ion-tabs选项卡切换效果实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了webpack proxy 使用(代理的使用)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
下面小编就为大家带来一篇JS函数的定义与调用方法推荐。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本文主要介绍了Javascript中的prototype与继承，具有一定的参考价值，下面跟着小编一起来看下吧2017-02-02
onsubmit阻止form表单提交与onclick的相关操作
return false会阻止表单提交，基本上关于onsubmit=return false有以下几点要注意的地方，学习后台编程的朋友一定要知道。2010-09-09
解构就是将声明的一组变量和与相同结构的数组或者对象的元素数值一一对应，并将变量相对应元素进行赋值。本文将详细介绍ECMAScript6--解构的相关知识。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了微信小程序实现多选框功能及效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了js 计数排序的实现示例(升级版),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
最新评论