javascript如何將整數轉為16進制

# JavaScript如何將整數轉為16進制

在JavaScript開發中，經常需要將整數轉換為十六進制（Hexadecimal）表示形式。本文將詳細介紹5種實現方式，并分析其性能差異和應用場景。

## 一、toString() 方法（最常用）

`Number.prototype.toString()` 是最直接的轉換方法：

```javascript
let num = 255;
let hex = num.toString(16); // "ff"

特點說明：

1. 接收一個2-36的基數參數
2. 負數會轉換為帶減號的十六進制
3. 浮點數會先取整再轉換

(-255).toString(16); // "-ff"
3.14.toString(16);   // "3"

二、padStart() 補零處理

需要固定位數時配合使用：

function toHexWithPadding(num, length = 2) {
  return num.toString(16).padStart(length, '0');
}

toHexWithPadding(15); // "0f"
toHexWithPadding(255, 4); // "00ff"

三、位運算符方案

對于性能敏感場景可使用位運算：

function toHexViaBit(num) {
  return ((num & 0xFF) + 0x100).toString(16).substr(1);
}

原理分析：

1. num & 0xFF 確保只取低8位
2. + 0x100 保證結果為3位數
3. substr(1) 去掉前綴的1

四、TypedArray 轉換

處理二進制數據時的高效方案：

function toHexViaUint8(num) {
  const arr = new Uint8Array([num]);
  return Array.from(arr, byte => 
    byte.toString(16).padStart(2, '0')
  ).join('');
}

五、性能對比測試

使用performance.now()進行基準測試：

六、特殊場景處理

1. 大數轉換

BigInt(0x1fffffffffffff).toString(16); 
// "1fffffffffffff"

2. RGB顏色轉換

function rgbToHex(r, g, b) {
  return `#${[r,g,b].map(x => 
    x.toString(16).padStart(2,'0')
  ).join('')}`;
}

七、反向轉換（十六進制轉整數）

使用parseInt()實現：

parseInt('ff', 16); // 255
parseInt('0xff');   // 255（自動識別）

八、最佳實踐建議

1. 常規場景使用toString(16)
2. 需要補零時配合padStart()
3. 高頻調用考慮位運算方案
4. 處理二進制數據優先用TypedArray

總結

JavaScript提供了多種整數轉十六進制的方案，開發者應根據具體場景選擇： - 代碼可讀性優先：toString() - 性能優先：位運算方案 - 二進制處理：TypedArray

掌握這些轉換技巧，能夠高效處理顏色值、內存地址、加密算法等需要十六進制表示的開發場景。 “`