首頁 > web前端 > js教程 > javascript中什麼是位元運算符

javascript中什麼是位元運算符

青灯夜游
發布: 2022-02-16 18:08:25
原創
3531 人瀏覽過

在javascript中,位元運算子是用來對二進位位元進行操作的符號,可以將二進位位元從低位元到高位元對齊後進行運算。 JavaScript中支援的位元運算子有:「&」、「|」、「^」、「~」、「>」、「>>>」。

javascript中什麼是位元運算符

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中,位元運算子是用來對二進位位元進行操作的符號。

位元運算子可將二進位位元從低位元到高位元對齊後進行運算。

JavaScript 中支援的位元運算子如下表所示:

##描述範例&位元與:如果對應的二進位位元都為1,則該二進位位元為15 & 1 等同於0101 & 0001 結果為0001,十進位結果為1|位元或:如果對應的二進位位元有一個為1,則該二進位位元為15 | 1 等同於0101 | 0001 結果為0101,十進位結果為5^位元異或:若對應的二進位位元只有一個為1,則此二進位位元為15 ^ 1 等同於0101 ^ 0001 結果為0100,十進位結果為4~ #按位非:反轉所有二進位位,即1 轉換為0,0 轉換為1#~5 等同於~0101 結果為1010,十進位結果為-6#位元左移:將所有二進位位元統一向左移動指定的位元數,並在最右側補05 >>位元右移(有符號右移):將所有二進位位元統一向右移動指定的位數,並拷貝最左邊的位元來填入左側5 >> 1 等同於0101 >> 1 結果為0010,十進位結果為2>>>位元右移零(無符號右移):將所有二進位位元統一向右移動指定的位數,並在最左邊補05 >>> 1 等同於0101 >>> 1 結果為0010,十進位結果為2
#運算子
#位元運算子有7 個,分為兩類:

  • 邏輯位元運算子:位元與(&)、位元或(|)、位元異或( ^)、非位元(~)

  • 移位運算子:左移(>)、無符號右移(> >>)

邏輯位元運算子(&、|、^和~)

邏輯位運算子與邏輯運算子的運算方式是相同的,但是針對的物件不同。邏輯位元運算子針對的是二進位的整數值,而邏輯運算子針對的是非二進位的值。

「&」運算子

「&」運算子(位元與)用於對兩個二進位運算元逐位進行比較,並根據下表所示的換算表傳回結果。

「&」運算子第一個數的位元值第二個數的位元值#運算結果11#1##10#0
# 0 0
1
0 0
在位元運算中,數值1 表示true,0 表示false,反之亦然。

12 和 5 進行位元與運算,則傳回值為 4。
console.log(12 & 5);  //返回值4
登入後複製

下圖以算式的形式解析了 12 和 5 進行位元與運算的過程。透過位元與運算,只有第 3 位元的值為全為 true,故傳回 true,其他位元皆傳回 false。

javascript中什麼是位元運算符

「|」運算子

「|」運算子(位元或)用於對兩個二元運算子逐位元進行比較,並根據如表格所示的換算表傳回結果。

「|」運算子第一個數的位元值1##1# 01011000#

12 和 5 进行位或运算,则返回值为 13。

console.log(12 | 5);  //返回值13
登入後複製

下图以算式的形式解析了 12 和 5 进行位或运算的过程。通过位或运算,除第 2 位的值为 false 外,其他位均返回 true。

javascript中什麼是位元運算符

“^”运算符

“^”运算符(位异或)用于对两个二进制操作数逐位进行比较,并根据如表格所示的换算表返回结果。

第二個數的位元值#運算結果
1#1
“^”运算符
第一个数的位值第二个数的位值运算结果
110
101
011
000

12 和 5 进行位异或运算,则返回值为 9。

console.log(12 ^ 5);  //返回值9
登入後複製

下图以算式的形式解析了 12 和 5 进行位异或运算的过程。通过位异或运算,第 1、4 位的值为 true,而第 2、3 位的值为 false。

javascript中什麼是位元運算符

“~”运算符

“~”运算符(位非)用于对一个二进制操作数逐位进行取反操作。

  • 第 1 步:把运算数转换为 32 位的二进制整数。

  • 第 2 步:逐位进行取反操作。

  • 第 3 步:把二进制反码转换为十进制浮点数。

对 12 进行位非运算,则返回值为 -13。

console.log( ~ 12 );  //返回值-13
登入後複製

下图以算式的形式解析了对 12 进行位非运算的过程。

javascript中什麼是位元運算符

位非运算实际上就是对数字进行取负运算,再减 1。例如:

console.log( ~ 12 == 12-1);  //返回true
登入後複製

移位运算符(<<、>>和>>>)

移位运算就是对二进制进行有规律低移位。移位运算可以设计很多奇妙的效果,在图形图像编程中应用广泛。

“<<”运算符

“<<”运算符执行左移位运算。在移位运算过程中,符号位始终保持不变。如果右侧空出位置,则自动填充为 0;超出 32 位的值,则自动丢弃。

把数字 5 向左移动 2 位,则返回值为 20。

console.log(5 << 2);  //返回值20
登入後複製

用算式进行演示,如图所示。

javascript中什麼是位元運算符

“>>”运算符

“>>”运算符执行有符号右移位运算。与左移运算操作相反,它把 32 位数字中的所有有效位整体右移,再使用符号位的值填充空位。移动过程中超出的值将被丢弃。

把数值 1000 向右移 8 位,则返回值为 3。

console.log(1000 >> 8);  //返回值3
登入後複製

用算式进行演示,如图所示。

javascript中什麼是位元運算符

把数值 -1000 向右移 8 位,则返回值为 -4。

console.log(-1000  >> 8);  //返回值 -4
登入後複製

用算式进行演示,如图所示。当符号位值为 1 时,则有效位左侧的空位全部使用 1 进行填充。

javascript中什麼是位元運算符

“>>>”运算符

“>>>”运算符执行五符号右移位运算。它把无符号的 32 位整数所有数位整体右移。对于无符号数或正数右移运算,无符号右移与有符号右移运算的结果是相同的。

下面两行表达式的返回值是相同的。

console.log(1000 >> 8);  //返回值3
console.log(1000 >> 8);  //返回值3
登入後複製

对于负数来说,无符号右移将使用 0 来填充所有的空位,同时会把负数作为正数来处理,所得结果会非常大所以,使用无符号右移运算符时要特别小心,避免意外错误。

console.log(-1000 >> 8);  //返回值 -4
console.log(-1000 >>> 8);  //返回值 16777212
登入後複製

用算式进行演示,如图所示。左侧空位不再用符号位的值来填充,而是用 0 来填充。

javascript中什麼是位元運算符

【相关推荐:javascript学习教程

以上是javascript中什麼是位元運算符的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板