如何在JavaScript中将二进制转换为十六进制

# 如何在JavaScript中将二进制转换为十六进制

## 引言

在编程中，数字系统的转换是一项常见任务。二进制（基数为2）和十六进制（基数为16）是两种广泛使用的数字表示方法。二进制适合机器处理，而十六进制因其简洁性（1位十六进制对应4位二进制）常被用于简化二进制表示。本文将详细介绍在JavaScript中实现二进制到十六进制转换的多种方法。

---

## 方法一：使用`parseInt()`和`toString()`

### 核心步骤
1. **二进制字符串转十进制**  
   使用`parseInt(binaryString, 2)`将二进制字符串解析为十进制整数。
   ```javascript
   const binary = '11010110';
   const decimal = parseInt(binary, 2); // 214

1. 十进制转十六进制字符串
   通过decimal.toString(16)将十进制数转换为十六进制字符串。

   
   const hex = decimal.toString(16); // 'd6'
   

完整代码示例

function binaryToHex(binaryString) {
    const decimal = parseInt(binaryString, 2);
    return decimal.toString(16);
}

console.log(binaryToHex('11010110')); // 输出: "d6"

注意事项

• 输入必须是有效的二进制字符串（仅含0和1）。
• 转换结果可能包含小写字母，如需大写可调用.toUpperCase()。

方法二：手动转换（算法实现）

实现原理

1. 补全位数
   确保二进制字符串长度为4的倍数（十六进制每4位对应1位）。

   while (binaryString.length % 4 !== 0) {
      binaryString = '0' + binaryString;
   }
   

2. 分段转换
   每4位二进制转换为1位十六进制：

   const binaryToHexMap = {
      '0000': '0', '0001': '1', '0010': '2', '0011': '3',
      '0100': '4', '0101': '5', '0110': '6', '0111': '7',
      '1000': '8', '1001': '9', '1010': 'a', '1011': 'b',
      '1100': 'c', '1101': 'd', '1110': 'e', '1111': 'f'
   };
   

完整代码示例

function binaryToHexManual(binaryString) {
    // 补全位数
    while (binaryString.length % 4 !== 0) {
        binaryString = '0' + binaryString;
    }
    
    let hexResult = '';
    for (let i = 0; i < binaryString.length; i += 4) {
        const chunk = binaryString.substr(i, 4);
        hexResult += binaryToHexMap[chunk];
    }
    return hexResult;
}

console.log(binaryToHexManual('11010110')); // 输出: "d6"

方法三：使用BigInt处理大数

适用场景

当二进制字符串超过Number.MAX_SAFE_INTEGER（53位）时，parseInt会丢失精度，此时需使用BigInt。

实现代码

function binaryToHexBigInt(binaryString) {
    const decimalBigInt = BigInt('0b' + binaryString);
    return decimalBigInt.toString(16);
}

console.log(binaryToHexBigInt('11111111111111111111111111111111')); // 输出: "ffffffff"

方法四：ES6+的padStart优化

格式化输出

若需固定位数（如8位十六进制），可使用padStart补零：

function binaryToHexPadded(binaryString, length = 8) {
    const decimal = parseInt(binaryString, 2);
    return decimal.toString(16).padStart(length, '0');
}

console.log(binaryToHexPadded('11010110', 4)); // 输出: "00d6"

对比与总结

推荐选择：
- 常规场景：方法一（parseInt）。 - 大数处理：方法三（BigInt）。 - 教学/底层理解：方法二（手动实现）。

附录：常见问题

1. 如何处理非二进制字符串输入？

添加验证逻辑：

if (!/^[01]+$/.test(binaryString)) {
    throw new Error('Invalid binary string');
}

2. 为什么十六进制输出是小写？

JavaScript默认输出小写，可通过.toUpperCase()转换：

hexResult.toUpperCase(); // "D6"

3. 如何反向转换（十六进制转二进制）？

使用parseInt(hexString, 16)和toString(2)：

const hex = 'd6';
const binary = parseInt(hex, 16).toString(2); // "11010110"

通过本文的多种方法，您可以根据需求灵活选择最适合的二进制到十六进制转换方案。 “`