深入了解JavaScript中的二進制操作及位掩碼應(yīng)用
什么是二進制?
二進制數(shù)由0和1組成,這是計算機使用的基礎(chǔ)數(shù)字系統(tǒng)。二進制可以表示每個數(shù)字,與十進制相似。例如:10 的二進制表示為 1010
。十進制和二進制之間的轉(zhuǎn)換可以通過數(shù)學(xué)方法進行。例如,將十進制數(shù)字20轉(zhuǎn)換為二進制:
20 / 2 = 10/余數(shù)0
10 / 2 = 5/余數(shù)0
5 / 2 = 2/余數(shù)1
2 / 2 = 1/余數(shù)0
1 / 2 = 0/余數(shù)1
所以,20的二進制表示為 10100
。
二進制運算符
JavaScript 提供了許多二進制運算符,它們可以用于 JavaScript 中的數(shù)字?jǐn)?shù)據(jù)類型。以下是一些最常用的運算符:
按位 AND(&)
按位AND運算符用符號 &
表示,它在兩個數(shù)字的二進制位上執(zhí)行邏輯AND操作,并返回一個新的位模式。例如:
console.log(5 & 9); // 輸出1
在這個例子中,數(shù)字 5
的二進制表示為 101
,而數(shù)字 9
的二進制表示為 1001
。執(zhí)行按位AND操作后,我們得到的結(jié)果是 1
。
按位 OR(|)
按位OR運算符用符號 |
表示,它在兩個數(shù)字的二進制位上執(zhí)行邏輯OR操作,并返回一個新的位模式。例如:
console.log(5 | 9); // 輸出13
在這個例子中,數(shù)字 5
的二進制表示為 101
,而數(shù)字 9
的二進制表示為 1001
。執(zhí)行按位OR操作后,我們得到的結(jié)果是 1101
。
按位 XOR(^)
按位XOR運算符用符號 ^
表示,它在兩個數(shù)字的二進制位上執(zhí)行邏輯異或操作,并返回一個新的位模式。例如:
console.log(5 ^ 9); // 輸出12
在這個例子中,數(shù)字 5
的二進制表示為 101
,而數(shù)字 9
的二進制表示為 1001
。執(zhí)行按位XOR操作后,我們得到的結(jié)果是 1100
。
按位 NOT(~)
按位NOT運算符用符號 ~
表示,它對其操作數(shù)進行逐位取反,并返回一個新的位模式。例如:
console.log(~5); // 輸出-6
在這個例子中,數(shù)字 5
的二進制表示為 101
。執(zhí)行按位NOT操作后,我們得到的結(jié)果是 -6
。
左移(<<)
左移運算符用符號 <<
表示,它將其第一個操作數(shù)向左移動指定的位數(shù),并使用零填充右側(cè)的空位。例如:
console.log(5 << 2); // 輸出20
在這個例子中,數(shù)字 5
的二進制表示為 101
。執(zhí)行左移操作后,我們得到的結(jié)果是 10100
,即十進制數(shù) 20
。
右移(>>)
右移運算符用符號 >>
表示,它將其第一個操作數(shù)向右移動指定的位數(shù),并使用符號位填充左側(cè)的空位。例如:
console.log(10 >> 1); // 輸出5
在這個例子中,數(shù)字 10
的二進制表示為 1010
。執(zhí)行右移操作后,我們得到的結(jié)果是 101
,即十進制數(shù) 5
。
位運算賦值
除了上述基本位運算符之外,JavaScript還提供了一些位運算賦值操作符,用于對變量或表達(dá)式進行位運算并將結(jié)果保存回同一個變量中。以下是最常見的位運算賦值操作符:
&=
按位AND賦值運算符用符號 &=
表示,它將其左側(cè)的操作數(shù)與右側(cè)的操作數(shù)進行邏輯AND操作,并將結(jié)果保存回左側(cè)的操作數(shù)中。例如:
let a = 5; a &= 9; console.log(a); // 輸出1
在這個例子中,變量 a
初始值為 5
,即二進制 101
。執(zhí)行按位AND賦值操作后,我們得到的結(jié)果是 1
,因為 101 & 1001
等于 1
。
|=
按位OR賦值運算符用符號 |=
表示,它將其左側(cè)的操作數(shù)與右側(cè)的操作數(shù)進行邏輯OR操作,并將結(jié)果保存回左側(cè)的操作數(shù)中。例如
let a = 5; a |= 9; console.log(a); // 輸出13
在這個例子中,變量 a
初始值為 5
,即二進制 101
。執(zhí)行按位OR賦值操作后,我們得到的結(jié)果是 1101
,因為 101 | 1001
等于 1101
。
^=
按位XOR賦值運算符用符號 ^=
表示,它將其左側(cè)的操作數(shù)與右側(cè)的操作數(shù)進行邏輯異或操作,并將結(jié)果保存回左側(cè)的操作數(shù)中。例如:
let a = 5; a ^= 9; console.log(a); // 輸出12
在這個例子中,變量 a
初始值為 5
,即二進制 101
。執(zhí)行按位XOR賦值操作后,我們得到的結(jié)果是 1100
,因為 101 ^ 1001
等于 1100
。
<<=
左移賦值運算符用符號 <<=
表示,它將其左側(cè)的操作數(shù)向左移動指定的位數(shù),并使用零填充右側(cè)的空位,并將結(jié)果保存回左側(cè)的操作數(shù)中。例如:
let a = 5; a <<= 2; console.log(a); // 輸出20
在這個例子中,變量 a
初始值為 5
,即二進制 101
。執(zhí)行左移賦值操作后,我們得到的結(jié)果是 10100
,即十進制數(shù) 20
。
>>=
右移賦值運算符用符號 >>=
表示,它將其左側(cè)的操作數(shù)向右移動指定的位數(shù),并使用符號位填充左側(cè)的空位,并將結(jié)果保存回左側(cè)的操作數(shù)中。例如:
let a = 10; a >>= 1; console.log(a); // 輸出5
在這個例子中,變量 a
初始值為 10
,即二進制 1010
。執(zhí)行右移賦值操作后,我們得到的結(jié)果是 101
,即十進制數(shù) 5
。
使用位運算進行位掩碼
位掩碼是一種通過使用按位運算符來設(shè)置或清除二進制位的技術(shù)。在JavaScript中,可以將位掩碼用于各種目的,例如:
- 布爾值:使用一個位表示 true 和 false。
- 權(quán)限:使用幾個位來表示不同類型的權(quán)限。
- 顏色:使用三個字節(jié)(24位)來表示紅、綠和藍(lán)的值。
下面是一個示例,展示如何使用位掩碼從一個字節(jié)中提取兩個不同的值:
const byte = 0b10110110; const mask1 = 0b11110000; const mask2 = 0b00001111; const value1 = (byte & mask1) >> 4; // 提取高4位并右移4位 const value2 = byte & mask2; // 提取低4位 console.log(value1, value2); // 輸出 11 6
在這個例子中,我們首先定義了一個字節(jié) 0b10110110
。然后我們定義了兩個掩碼:mask1
只保留字節(jié)的高4位(即前四位),而 mask2
只保留字節(jié)的低4位(即后四位)。我們?nèi)缓笫褂冒次籄ND運算符將每個掩碼應(yīng)用于字節(jié)。對于 value1
,我們將結(jié)果向右移動4位以獲取正確的值。最后,我們輸出 value1
和 value2
的值,它們分別為 11
和 6
。
結(jié)論
JavaScript中的二進制操作可以幫助您更好地處理數(shù)字和位掩碼。本文介紹了一些基本的二進制運算符和位運算賦值操作符,并展示了如何使用位掩碼從一個字節(jié)中提取多個值。雖然這些技術(shù)可能不會在您的日常編程中經(jīng)常使用,但當(dāng)您需要進行二進制操作時,它們可能會非常有用。
以上就是深入了解JavaScript中的二進制操作及位掩碼應(yīng)用的詳細(xì)內(nèi)容,更多關(guān)于JavaScript二進制及位掩碼的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Js Jquery創(chuàng)建一個彈出層可加載一個頁面
Js Jquery創(chuàng)建一個彈出層,當(dāng)加載一個頁面進彈出層時出現(xiàn)亂碼,示例代碼如下,大家可以參考參考2014-05-05javascript中的有名函數(shù)和無名函數(shù)
javascript中的有名函數(shù)和無名函數(shù)...2007-10-10細(xì)數(shù)localStorage的用法及使用注意事項
這篇文章主要介紹了細(xì)數(shù)localStorage的用法及使用注意事項,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04詳解babel是如何將class語法糖轉(zhuǎn)換為es5的語法
這篇文章主要詳細(xì)介紹了babel是如何將class語法糖轉(zhuǎn)換為es5的語法,文中通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-02-02解決JSON.stringify()自動將中文轉(zhuǎn)譯成unicode的問題
下面小編就為大家分享一篇解決JSON.stringify()自動將中文轉(zhuǎn)譯成unicode的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01