什么是二進(jìn)制？

二進(jìn)制數(shù)由0和1組成，這是計算機(jī)使用的基礎(chǔ)數(shù)字系統(tǒng)。二進(jìn)制可以表示每個數(shù)字，與十進(jìn)制相似。例如：10 的二進(jìn)制表示為 1010。十進(jìn)制和二進(jìn)制之間的轉(zhuǎn)換可以通過數(shù)學(xué)方法進(jìn)行。例如，將十進(jìn)制數(shù)字20轉(zhuǎn)換為二進(jì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的二進(jìn)制表示為 10100。

二進(jìn)制運算符

JavaScript 提供了許多二進(jìn)制運算符，它們可以用于 JavaScript 中的數(shù)字?jǐn)?shù)據(jù)類型。以下是一些最常用的運算符：

按位 AND(&)

按位AND運算符用符號 & 表示，它在兩個數(shù)字的二進(jìn)制位上執(zhí)行邏輯AND操作，并返回一個新的位模式。例如：

console.log(5 & 9); // 輸出1

在這個例子中，數(shù)字 5 的二進(jìn)制表示為 101，而數(shù)字 9 的二進(jìn)制表示為 1001。執(zhí)行按位AND操作后，我們得到的結(jié)果是 1。

按位 OR(|)

按位OR運算符用符號 | 表示，它在兩個數(shù)字的二進(jìn)制位上執(zhí)行邏輯OR操作，并返回一個新的位模式。例如：

console.log(5 | 9); // 輸出13

在這個例子中，數(shù)字 5 的二進(jìn)制表示為 101，而數(shù)字 9 的二進(jìn)制表示為 1001。執(zhí)行按位OR操作后，我們得到的結(jié)果是 1101。

按位 XOR(^)

按位XOR運算符用符號 ^ 表示，它在兩個數(shù)字的二進(jìn)制位上執(zhí)行邏輯異或操作，并返回一個新的位模式。例如：

console.log(5 ^ 9); // 輸出12

在這個例子中，數(shù)字 5 的二進(jìn)制表示為 101，而數(shù)字 9 的二進(jìn)制表示為 1001。執(zhí)行按位XOR操作后，我們得到的結(jié)果是 1100。

按位 NOT(~)

按位NOT運算符用符號 ~ 表示，它對其操作數(shù)進(jìn)行逐位取反，并返回一個新的位模式。例如：

console.log(~5); // 輸出-6

在這個例子中，數(shù)字 5 的二進(jìn)制表示為 101。執(zhí)行按位NOT操作后，我們得到的結(jié)果是 -6。

左移(<<)

左移運算符用符號 << 表示，它將其第一個操作數(shù)向左移動指定的位數(shù)，并使用零填充右側(cè)的空位。例如：

console.log(5 << 2); // 輸出20

在這個例子中，數(shù)字 5 的二進(jìn)制表示為 101。執(zhí)行左移操作后，我們得到的結(jié)果是 10100，即十進(jìn)制數(shù) 20。

右移(>>)

右移運算符用符號 >> 表示，它將其第一個操作數(shù)向右移動指定的位數(shù)，并使用符號位填充左側(cè)的空位。例如：

console.log(10 >> 1); // 輸出5

在這個例子中，數(shù)字 10 的二進(jìn)制表示為 1010。執(zhí)行右移操作后，我們得到的結(jié)果是 101，即十進(jìn)制數(shù) 5。

位運算賦值

除了上述基本位運算符之外，JavaScript還提供了一些位運算賦值操作符，用于對變量或表達(dá)式進(jìn)行位運算并將結(jié)果保存回同一個變量中。以下是最常見的位運算賦值操作符：

&=

按位AND賦值運算符用符號 &= 表示，它將其左側(cè)的操作數(shù)與右側(cè)的操作數(shù)進(jìn)行邏輯AND操作，并將結(jié)果保存回左側(cè)的操作數(shù)中。例如：

let a = 5;
a &= 9;
console.log(a); // 輸出1

在這個例子中，變量 a 初始值為 5，即二進(jìn)制 101。執(zhí)行按位AND賦值操作后，我們得到的結(jié)果是 1，因為 101 & 1001 等于 1。

|=

按位OR賦值運算符用符號 |= 表示，它將其左側(cè)的操作數(shù)與右側(cè)的操作數(shù)進(jìn)行邏輯OR操作，并將結(jié)果保存回左側(cè)的操作數(shù)中。例如

let a = 5;
a |= 9;
console.log(a); // 輸出13

在這個例子中，變量 a 初始值為 5，即二進(jìn)制 101。執(zhí)行按位OR賦值操作后，我們得到的結(jié)果是 1101，因為 101 | 1001 等于 1101。

^=

按位XOR賦值運算符用符號 ^= 表示，它將其左側(cè)的操作數(shù)與右側(cè)的操作數(shù)進(jìn)行邏輯異或操作，并將結(jié)果保存回左側(cè)的操作數(shù)中。例如：

let a = 5;
a ^= 9;
console.log(a); // 輸出12

在這個例子中，變量 a 初始值為 5，即二進(jìn)制 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，即二進(jìn)制 101。執(zhí)行左移賦值操作后，我們得到的結(jié)果是 10100，即十進(jìn)制數(shù) 20。

>>=

右移賦值運算符用符號 >>= 表示，它將其左側(cè)的操作數(shù)向右移動指定的位數(shù)，并使用符號位填充左側(cè)的空位，并將結(jié)果保存回左側(cè)的操作數(shù)中。例如：

let a = 10;
a >>= 1;
console.log(a); // 輸出5

在這個例子中，變量 a 初始值為 10，即二進(jìn)制 1010。執(zhí)行右移賦值操作后，我們得到的結(jié)果是 101，即十進(jìn)制數(shù) 5。

使用位運算進(jìn)行位掩碼

位掩碼是一種通過使用按位運算符來設(shè)置或清除二進(jìn)制位的技術(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中的二進(jìn)制操作可以幫助您更好地處理數(shù)字和位掩碼。本文介紹了一些基本的二進(jìn)制運算符和位運算賦值操作符，并展示了如何使用位掩碼從一個字節(jié)中提取多個值。雖然這些技術(shù)可能不會在您的日常編程中經(jīng)常使用，但當(dāng)您需要進(jìn)行二進(jìn)制操作時，它們可能會非常有用。

以上就是深入了解JavaScript中的二進(jìn)制操作及位掩碼應(yīng)用的詳細(xì)內(nèi)容，更多關(guān)于JavaScript二進(jìn)制及位掩碼的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論