Javascript 位运算符

最新推荐文章于 2024-03-13 17:53:24 发布
原创 最新推荐文章于 2024-03-13 17:53:24 发布 · 187 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#二进制转换 #JavaScript位运算符

本文深入解析JavaScript中的位运算符，包括AND、OR、XOR、NOT、零填充左位移、有符号右位移和零填充右位移的运作原理及实例。探讨了JavaScript如何处理32位有符号整数进行位运算，以及二进制数的原码、反码、补码概念。

Javascript 位运算符

运算符名称描述
&AND如果两位都是1，则设置每位为1
|OR如果两位之一为1，则设置每位为1
^XOR如果两位只有一位为1.则设置每位为1
~NOT反转所有位
<<零填充左位移通过从右推入 0 ，使最左边位脱落
>>有符号右位移通过从左推入最左位的拷贝来向右位移，使最右边位脱落
>>>零填充右位移通过从左推入来向右位移，是最右位脱落
&
实例：
5&1    -----       00000101 & 00000001
1      -----       00000001
==========================================
|         
实例:
5|1    ------      00000101 | 00000001
5      ------      00000101
==========================================
^         
实例:
5^1    ------      00000101 ^ 00000001
4      ------      00000100
==========================================
~ (反转所有位)
实例:
~5    ------       ~00000101
-6    ------        11111010
==========================================
JavaScript 使用 32 位按位运算数

~5 ~0101 = 1010 = -10
JavaScript 将数字存储为 64 位浮点数，但所有按位运算都以 32 位二进制数执行。
在执行位运算之前，JavaScript 将数字转换为 32 位有符号整数。
执行按位操作后，结果将转换回 64 位 JavaScript 数。
上面的例子使用 4 位无符号二进制数。所以 ~ 5 返回 10。
由于 JavaScript 使用 32 位有符号整数，JavaScript 将返回 -6。
00000000000000000000000000000101 (5)
11111111111111111111111111111010 (~5 = -6)
有符号整数使用最左边的位作为减号。

这里要说一下关于 二进制 的一些概念：

二进制以最左边一位决定正负即：0为正 ， 1为负
二进制的原码：当前数取绝对值转二进制 （负数需要符号位转1）
二进制的反码：正数：反码与原码相同，负数：当前二进制数符号位不变其余位取反即：0换成1 1换成0
二进制的补码：正数：补码与原码相同，负数：将当前二进制数的反码加1 即：

例：
5 的原码   00000000  00000000  00000000  00000101
5 的反码   00000000  00000000  00000000  00000101
5 的补码   00000000  00000000  00000000  00000101
-5 的原码  先取绝对值为 5 然后符号位+1为：
		  10000000  00000000  00000000  00000101
-5 的反码  符号位不变其余位置取反
		  11111111  11111111  11111111  11111010
-5 的补码  反码 +1
		  11111111  11111111  11111111  11111011

二进制转十进制
例 5的二进制数是 00000000 00000000 00000000 00000101
从右开始 20 * 1 + 21 * 0 + 22 * 1 = 5
十进制转二进制
例 10 转二进制数 00000000 00000000 00000000 00001010
从右开始 20 * 0 + 21 * 1 + 22 * 0 + 23 * 1 = 10
-10 转二进制数
先取绝对值得二进制数 00000000 00000000 00000000 00001010
再给其取反 11111111 11111111 11111111 11111010
再加1 11111111 11111111 11111111 11111011
相当于负数原码的补码

归纳

  1. 正数的原码，反码补码都相同
  2. 负数的反码为该数的原码除符号位取反，负数的补码为该数的反码加1
  3. 负数的二进制数即为负数的补码
  4. 符号位为1的二进制数转十进制数就是 十进制负数转二进制的逆运算（除符号位外-1，除符号位外取反，得到的结果转十进制）
注意哦

二进制转十进制要先补全位数哦，看符号位是0还是1 ，在判断怎么转换，直接转会出错哦

参考

W3CSchool
负数与二进制的转换

JavaScript数据类型
zyyyy20的博客
07-15 232
JS数据类型总结 JavaScript有7种原始数据类型 1.String: 任意字符串 2.Number: 任意的数字 3.Boolean: true/false 4.Undefined: undefined 5.Null: null 6.Object: 任意对象 7.Symbol(ES6新增): 独一无二的值 基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（新增） （1）基本数据类型保存在栈内存中，是按值传递的，因为可以直接操作保存在变量中的
Python-操作符总结（逻辑、位、算术、比较、赋值操作符及操作符优先级）
关注网络安全、云原生安全
10-22 1280
目录 逻辑操作符/布尔运算 位操作符 标准算术操作符 比较操作符 赋值操作符 操作符优先级 逻辑操作符/布尔运算 假设变量 a 为 10, b为 20: 逻辑操作符 运算符 逻辑表达式 描述 实例 and x and y "与" - 如果 x 为 False，x and y 返回 False，否则它返回 y 的计算值。 (a and b) 返回 20。 or x or y "或" - 如果 x 是 True，它返回 x 的值，否则它
【JavaScript】JS处理32位整型位运算
FloraCat_染小白
12-03 7564
由上一篇leetcode题目（反转整数）中所涉及到的js整型范围，针对js如何处理32位整数运算原理以作扩展： 1、32位整数运算 首先要清楚，在JS中无论是整数还是小数都是按照64位的浮点数形式存储，而整数运算会自动转化为32位有符号整数。 有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围为 [-2^31 , 2^31-1]， 即[...
web前端 javascript 给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。
gzyzwx的博客
01-21 956
var reverse = function(x) { if (x >= 0 && x < 9) { return x; } var str = Math.abs(x).toString().split("").reverse().join(""); if (+str > (2 ** 31 - 1)) { ...
JavaScript 位运算符
qq_41995845的博客
09-27 230
JavaScript 位运算符 实例 JavaScript 使用 32 位按位运算数 JavaScript 将数字存储为 64 位浮点数，但所有按位运算都以 32 位二进制数执行。 在执行位运算之前，JavaScript 将数字转换为 32 位有符号整数。 执行按位操作后，结果将转换回 64 位 JavaScript 数。 上面的例子使用 4 位无符号二进制数。所以 ~ 5 返回 10。 由于 JavaScript 使用 32 位有符号整数，JavaScript 将返回 -6。 000000000000
Javascript位运算符及其应用
hypin123的博客
03-11 404
Javascript位运算符及其应用与运算符（&）定义示例应用场景或运算符（|）定义示例异或（^）定义示例应用场景 与运算符（&） 定义 如果两位都是 1 则设置每位为 1，否则就是0 示例 // 与运算符 0001 & 0101 = 0001; 应用场景 判断某个数字是否为奇数 9 & 1 = 1 // 相当于 1001 & 0001 = 000...
JavaScript 中的位运算符
web_green的博客
03-13 2258
JavaScript 中的位运算符的一些理解
JavaScript位运算符的使用详解
leilei__66的博客
01-15 1274
前言 平时的数值运算，其实是要先转换成二进制再进行运算的，而位运算就是直接进行二进制运算。 位运算是低级的运算操作，所以速度往往也是最快的（相对其它运算如加减乘除来说），并且借助位运算的特性还能实现一些算法。恰当地使用运算有很多好处。 前人用二进制、位运算给我们了一个操作简单的计算机，但我们却很少接触位运算了。 所有的位运算都是在二进制下来进行运算的，再二进制下只有0和1。 位运算符表 位运算分为两种，位逻辑运算符与位移运算符。 位逻辑运算 - 逻辑结果参照表 位逻辑运算 - 结果参照表 位运算符基础
JavaScript位运算符详解：二进制表示、符号位和常见应用
javascript运算符——位运算符全面介绍 javascript中的位运算符是一种非常底层的运算符，由于其操作的结果不太直观，所以并不常用。但是，其速度极快，且合理使用能达到很好的效果。本文将介绍javascript中常常被...
精选资源
javascript运算符——位运算符全面介绍
01-19
本文将介绍javascript中常常被忽视的运算符——位运算符 二进制表示　 ECMAScript中的所有数值都以IEEE-754 64位格式存储，但位操作符并不直接操作64位的值，而是以32位带符号的整数进行运算的，并且返回值也是一个...
JavaScript位运算符详解
"这篇文档详细介绍了JavaScript中的位运算符，包括按位或(|)、按位非(~)、按位与(&)以及按位异或(^)。位运算符主要在处理32位带符号整数时使用，对于非数值会先转化为数值。" JavaScript中的位运算符虽然在日常编程...
深入理解JavaScript位运算符：原理与实战应用
JavaScript中的位运算符是一种底层的、高效的计算方式，尽管它们在日常编程中不常使用，但在处理性能要求高的场景或者优化代码结构时，它们的作用不容忽视。位运算符包括按位与(&), 按位或(|), 按位异或(^), 左移(),...
QuotaExceededError the quota has been exceeded --- Firefox 报错解决
henryzyk的博客
01-08 4654
QuotaExceededError the quota has been exceeded — Firefox 报错解决
return 不能跳出 forEach 循环
henryzyk的博客
09-19 1482
来自一道面试题的小记 如图： 输出结果为 4 知识点 ：forEach 循环不能被 return 终止，其作用和 for循环中的continue 相似 只是跳出当前循环，继续执行下一次循环， 在 forEach 中也不能使用 break，continue 来跳出循环 同样会有报错 let list = ['1', '2', 'hell', 'js']; let i = 0, j = 0;...
前端axios下载excel文件(二进制)的处理方法
henryzyk的博客
01-16 615
前端axios下载excel文件(二进制)的处理方法 后端生成excel后，前端 click 事件进行下载 ，脱坑记录，亲测有效。 lz 使用的是 axios 发起请求 ， 首先，介绍一下思路，准备通过动态创建 a 标签 通过 blob 对象进行接收 完整 code 如下 : var blob = new Blob([res.data], {type: 'application/vnd...
前端单元测试之（Mocha 和 chai）
henryzyk的博客
11-19 483
推荐一个前端分享博主 >> 韩子卢 前端单元测试 入门一：Mocha 和 chai Mocha 的简介 Mocha是流行的JavaScript测试框架之一，通过它添加和运行测试，从而保证代码质量 Mocha 的安装和配置 npm install -g mocha //全局安装 npm install --save-dev mocha // 项目中安装 在 package.json 中加入下面脚本： "scripts": { "test": "mocha" } Mo
开发踩坑日常 （parseInt进制转换，文字方向、换行，代理请求，xlsx）
henryzyk的博客
02-22 299
日常踩坑填坑 HTML dom 属性 可以修改dom显示文字的方向 <element dir="ltr|rtl|auto"> 属性值 描述 ltr 默认。从左向右的文本方向。 rtl 从右向左的文本方向。 auto 让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。 HTTP post 请求 http请求数据的最大数据长度 get 请求 HT...
JS 实现的系列特效积累
henryzyk的博客
03-05 258
CSS 系列特效积累 光标特效 <script src="https://blog-static.cnblogs.com/files/axqa/bubbleCursor.js"></script> 光标之泡泡 <script src="https://blog-static.cnblogs.com/files/axqa/emojiCursor.js">...
javascript位运算符
最新发布
03-01
### JavaScript 中的位运算符 #### 位与（`&`） 位与运算符会对两个操作数的每一位执行按位与操作。只有当两位都为 `1` 时，结果才为 `1`。 ```javascript let a = 5; // 0101 in binary let b = 3; // 0011 in binary console.log(a & b); // Output: 1 (0001 in binary)[^1] ``` #### 位或（`|`） 位或运算符会对两个操作数的每一位执行按位或操作。只要有一位为 `1`，结果就为 `1`。 ```javascript let c = 5; // 0101 in binary let d = 3; // 0011 in binary console.log(c | d); // Output: 7 (0111 in binary)[^1] ``` #### 位异或（`^`） 位异或运算符会对两个操作数的每一位执行按位异或操作。如果相应位不同，则结果为 `1`；相同则为 `0`。 ```javascript let e = 5; // 0101 in binary let f = 3; // 0011 in binary console.log(e ^ f); // Output: 6 (0110 in binary)[^1] ``` #### 非位（`~`） 非位运算符会将操作数的每一位取反。即把 `0` 变成 `1`，把 `1` 变成 `0`。 ```javascript let g = 5; // 0101 in binary console.log(~g); // Output: -6 (-0110 in two's complement form)[^3] ``` #### 左移（`<<`） 左移运算符会将其左侧的操作数向左移动指定数量的位置，并在右侧填充零。 ```javascript let h = 5; // 0101 in binary console.log(h << 1); // Output: 10 (1010 in binary) ``` #### 右移（`>>`） 右移运算符会将其左侧的操作数向右移动指定数量的位置。对于正数，在左边填充零；对于负数，在左边填充一。 ```javascript let i = 8; // 1000 in binary console.log(i >> 2); // Output: 2 (0010 in binary) ``` #### 无符号右移（`>>>`） 无符号右移运算符会将其左侧的操作数向右移动指定数量的位置，并始终在左边填充零。 ```javascript let j = -8; // In two's complement form, this is represented as all ones followed by zeros. console.log(j >>> 2); // Output will depend on the system architecture but typically results in a large positive number due to sign extension being ignored. ``` 这些位运算符可以应用于各种场景，比如优化性能敏感的应用程序、处理低级别的数据结构或是实现特定算法等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值