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

如何在JavaScript中将十进制值转换为等效的十六进制值？

---

#1楼

如果要将数字转换为RGBA颜色值的十六进制表示形式，我发现这是以下几个技巧中最有用的组合：

function toHexString(n) {
    if(n < 0) {
        n = 0xFFFFFFFF + n + 1;
    }
    return "0x" + ("00000000" + n.toString(16).toUpperCase()).substr(-8);
}

---

#2楼

如果数字是负数？

这是我的版本。

function hexdec (hex_string) {
    hex_string=((hex_string.charAt(1)!='X' && hex_string.charAt(1)!='x')?hex_string='0X'+hex_string : hex_string);
    hex_string=(hex_string.charAt(2)<8 ? hex_string =hex_string-0x00000000 : hex_string=hex_string-0xFFFFFFFF-1);
    return parseInt(hex_string, 10);
}

---

#3楼

function toHex(d) {
    return  ("0"+(Number(d).toString(16))).slice(-2).toUpperCase()
}

---

#4楼

将这些好点子结合起来，实现RGB值到十六进制的功能（在其他地方为HTML / CSS添加# ）：

function rgb2hex(r,g,b) {
    if (g !== undefined)
        return Number(0x1000000 + r*0x10000 + g*0x100 + b).toString(16).substring(1);
    else
        return Number(0x1000000 + r[0]*0x10000 + r[1]*0x100 + r[2]).toString(16).substring(1);
}

---

#5楼

我正在一个相当大的循环中进行到十六进制字符串的转换，所以我尝试了几种技巧以找到最快的一种。 我的要求是使用固定长度的字符串，并正确编码负值（-1 => ff..f）。

简单的.toString(16)对我不起作用，因为我需要正确地编码负值。 到目前为止，以下代码是我测试过的最快的1-2个字节的值（请注意， symbols定义了要获取的输出符号的数量，对于4字节整数，它应等于8）：

var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
function getHexRepresentation(num, symbols) {
    var result = '';
    while (symbols--) {
        result = hex[num & 0xF] + result;
        num >>= 4;
    }
    return result;
}

在1-2个字节的数字上，它的性能比.toString(16)快，而在较大的数字上（当symbols > = 6时），它的性能较慢，但仍应胜过正确编码负值的方法。

---

#6楼

AFAIK 评论5780​​7是错误的，应类似于： var hex = Number（d）.toString（16）; 而不是var hex = parseInt（d，16）;

function decimalToHex(d, padding) {
    var hex = Number(d).toString(16);
    padding = typeof (padding) === "undefined" || padding === null ? padding = 2 : padding;

    while (hex.length < padding) {
        hex = "0" + hex;
    }

    return hex;
}

---

#7楼

如公认的答案所述，从十进制转换为十六进制的最简单方法是var hex = dec.toString(16) 。 但是，您可能希望添加一个字符串转换，因为它可以确保字符串表示形式（例如"12".toString(16)正常工作。

// Avoids a hard-to-track-down bug by returning `c` instead of `12`
(+"12").toString(16);

要逆转该过程，您还可以使用以下解决方案，因为它甚至更短。

var dec = +("0x" + hex);

在Google Chrome和Firefox中，速度似乎较慢，但在Opera中则明显更快。 参见http://jsperf.com/hex-to-dec 。

---

#8楼

为了完整起见 ，如果要用负数的二进制补码十六进制表示形式，可以使用零填充右移>>>运算符 。 例如：

> (-1).toString(16)
"-1"

> ((-2)>>>0).toString(16)
"fffffffe"

但是，存在一个局限性： JavaScript按位运算符将其操作数视为32位序列 ，也就是说，您获得了32位二进制补码。

---

#9楼

总结一下；

function toHex(i, pad) {

  if (typeof(pad) === 'undefined' || pad === null) {
    pad = 2;
  } 

  var strToParse = i.toString(16);

  while (strToParse.length < pad) {
    strToParse = "0" + strToParse;
  }

  var finalVal =  parseInt(strToParse, 16);

  if ( finalVal < 0 ) {
    finalVal = 0xFFFFFFFF + finalVal + 1;
  }

  return finalVal;
}

但是，如果不需要在末尾将其转换回整数（即颜色），则只需确保值不为负就足够了。

---

#10楼

接受的答案未考虑返回的一位数字的十六进制代码。 这很容易通过以下方式进行调整：

function numHex(s)
{
    var a = s.toString(16);
    if ((a.length % 2) > 0) {
        a = "0" + a;
    }
    return a;
}

和

function strHex(s)
{
    var a = "";
    for (var i=0; i<s.length; i++) {
        a = a + numHex(s.charCodeAt(i));
    }

    return a;
}

我相信以上答案已经被其他人以一种或另一种形式发布了无数次。 我将它们包装在toHex（）函数中，如下所示：

function toHex(s)
{
    var re = new RegExp(/^\s*(\+|-)?((\d+(\.\d+)?)|(\.\d+))\s*$/);

    if (re.test(s)) {
        return '#' + strHex( s.toString());
    }
    else {
        return 'A' + strHex(s);
    }
}

请注意，数字正则表达式来自10多个有用的JavaScript正则表达式函数，以提高Web应用程序的效率 。

更新：经过几次测试，我发现了一个错误（RegExp中的双引号），因此我将其修复。 然而！ 经过大量的测试并阅读了almaz的帖子-我意识到我无法获得负数来工作。

进一步-我做了一些阅读，并且由于所有JavaScript数字无论如何都存储为64位字-我试图修改numHex代码以获取64位字。 但是事实证明您不能做到这一点。 如果将“ 3.14159265”作为数字放入变量中，则只能获得“ 3”，因为小数部分只能通过将数字重复乘以10（IE：10.0）来访问。 或者换种说法- 十六进制值0xF导致将浮点值与AND运算之前转换为整数 ，从而删除了句点之后的所有内容。 而不是将值作为一个整体（即：3.14159265）并将浮点值与0xF值进行“与” 运算 。

因此，在这种情况下，最好的做法是将3.14159265转换为字符串 ，然后仅转换该字符串。 由于上述原因，这也使转换负数变得容易，因为减号仅在值的前面变为0x26。

因此，我所做的就是确定该变量包含一个数字-只需将其转换为字符串并转换为字符串即可。 对每个人来说，这意味着在服务器端，您将需要对输入的字符串进行十六进制解析，然后确定输入的信息是数字。 您只需在数字前面加上“＃”，然后在返回的字符串前面加上“ A”，就可以轻松地做到这一点。 请参见toHex（）函数。

玩得开心！

又过了一年又经过了很多思考，我认为确实需要对“ toHex”功能（还有一个“ fromHex”功能）进行改进。 整个问题是“我如何才能更有效地做到这一点？” 我认为to / from十六进制函数不应该关心某些东西是否是小数部分，但同时应确保小数部分包含在字符串中。

因此，问题就变成了“您怎么知道您正在使用十六进制字符串？”。 答案很简单。 使用世界各地已经公认的标准预字符串信息。

换句话说-使用“ 0x”。 因此，现在我的toHex函数将查看是否已经存在，并且已经存在-它只是返回发送给它的字符串。 否则，它将转换字符串，数字等。 这是修改后的十六进制功能：/// // toHex（）。 将ASCII字符串转换为十六进制。 / // toHex（s）{if（s.substr（0,2）.toLowerCase（）==“ 0x “）{return s; }

    var l = "0123456789ABCDEF";
    var o = "";

    if (typeof s != "string") {
        s = s.toString();
    }
    for (var i=0; i<s.length; i++) {
        var c = s.charCodeAt(i);

        o = o + l.substr((c>>4),1) + l.substr((c & 0x0f),1);
    }

    return "0x" + o;
}

这是一个非常快速的功能，它考虑了个位数，浮点数，甚至检查该人是否正在发送一个十六进制值以再次被十六进制化。 它仅使用四个函数调用，并且其中只有两个在循环中。 要取消十六进制，请使用：

/
//  fromHex().  Convert a hex string to ASCII text.
/
fromHex(s)
{
    var start = 0;
    var o = "";

    if (s.substr(0,2) == "0x") {
        start = 2;
    }

    if (typeof s != "string") {
        s = s.toString();
    }
    for (var i=start; i<s.length; i+=2) {
        var c = s.substr(i, 2);

        o = o + String.fromCharCode(parseInt(c, 16));
    }

    return o;
}

与toHex（）函数类似，fromHex（）函数首先查找“ 0x”，然后将输入的信息转换为字符串（如果还不是字符串的话）。 我不知道它不是字符串-但以防万一-我检查一下。 然后，该函数执行，抓取两个字符并将其转换为ASCII字符。 如果要转换Unicode，则需要将循环更改为一次四（4）个字符。 但是然后，您还需要确保字符串不能被四整除。 如果是-则它是标准的十六进制字符串。 （请记住，该字符串的前面带有“ 0x”。）

一个简单的测试脚本显示-3.14159265转换为字符串时仍为-3.14159265。

<?php

    echo <<<EOD
<html>
    <head><title>Test</title>
        <script>
            var a = -3.14159265;
            alert( "A = " + a );
            var b = a.toString();
            alert( "B = " + b );
        </script>
    </head>
    <body>
    </body>
</html>
EOD;

?>

由于JavaScript关于toString（）函数的工作方式，因此可以消除以前引起问题的所有这些问题。 现在，所有字符串和数字都可以轻松转换。 此外，诸如对象之类的东西将导致JavaScript本身生成错误。 我相信这差不多。 W3C剩下的唯一改进就是在JavaScript中仅包含toHex（）和fromHex（）函数。

---

#11楼

对于任何有兴趣的人， 这里是一个JSFiddle，它比较了对此问题给出的大多数答案 。

这是我最终使用的方法：

function decToHex(dec) {
  return (dec + Math.pow(16, 6)).toString(16).substr(-6)
}

---

另外，请记住，如果要从十进制转换为十六进制以在CSS中用作颜色数据类型 ，则可能会更喜欢从十进制提取RGB值并使用rgb（） 。

例如（ JSFiddle ）：

let c = 4210330 // your color in decimal format
let rgb = [(c & 0xff0000) >> 16,  (c & 0x00ff00) >> 8,  (c & 0x0000ff)]

// Vanilla JS:
document..getElementById('some-element').style.color = 'rgb(' + rgb + ')'
// jQuery:
$('#some-element').css('color', 'rgb(' + rgb + ')')

这会将#some-element的CSS color属性设置为rgb(64, 62, 154) 。

---

#12楼

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

我找不到残酷的干净/简单的从十进制到十六进制的转换，而没有涉及功能和数组的混乱……所以我不得不自己做。

function DecToHex(decimal) { // Data (decimal)

    length = -1;    // Base string length
    string = '';    // Source 'string'

    characters = [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F' ]; // character array

    do { // Grab each nibble in reverse order because JavaScript has no unsigned left shift

        string += characters[decimal & 0xF];   // Mask byte, get that character
        ++length;                              // Increment to length of string

    } while (decimal >>>= 4); // For next character shift right 4 bits, or break on 0

    decimal += 'x'; // Convert that 0 into a hex prefix string -> '0x'

    do
        decimal += string[length];
    while (length--); // Flip string forwards, with the prefixed '0x'

    return (decimal); // return (hexadecimal);
}

/* Original: */

D = 3678;    // Data (decimal)
C = 0xF;    // Check
A = D;        // Accumulate
B = -1;        // Base string length
S = '';        // Source 'string'
H = '0x';    // Destination 'string'

do {
    ++B;
    A& = C;

    switch(A) {
        case 0xA: A='A'
        break;

        case 0xB: A='B'
        break;

        case 0xC: A='C'
        break;

        case 0xD: A='D'
        break;

        case 0xE: A='E'
        break;

        case 0xF: A='F'
        break;

        A = (A);
    }
    S += A;

    D >>>= 0x04;
    A = D;
} while(D)

do
    H += S[B];
while (B--)

S = B = A = C = D; // Zero out variables
alert(H);    // H: holds hexadecimal equivalent

---

#13楼

没有循环：

function decimalToHex(d) {
  var hex = Number(d).toString(16);
  hex = "000000".substr(0, 6 - hex.length) + hex;
  return hex;
}

// Or "#000000".substr(0, 7 - hex.length) + hex;
// Or whatever
// *Thanks to MSDN

另外，不使用必须进行评估的回路测试是否更好？

例如，代替：

for (var i = 0; i < hex.length; i++){}

有

for (var i = 0, var j = hex.length; i < j; i++){}

---

#14楼

您还可以检查以下JsFiddle示例或Stack Overflow JavaScript示例代码。

 'use strict'; var convertBase = function () { function convertBase(baseFrom, baseTo) { return function (num) { return parseInt(num, baseFrom).toString(baseTo); }; } // Decimal to hexadecimal convertBase.dec2hex = convertBase(10, 16); return convertBase; }(); alert(convertBase.dec2hex('42')); // '2a' 

---

#15楼

我没有找到一个明确的答案，没有检查它是否是负数或正数，它使用二进制补码（包括负数）。 为此，我展示了对一个字节的解决方案：

((0xFF + number +1) & 0x0FF).toString(16);

您可以对任何数字字节使用此指令，只需在各个位置添加FF 。 例如，要两个字节：

((0xFFFF + number +1) & 0x0FFFF).toString(16);

如果要将数组整数转换为十六进制字符串：

s = "";
for(var i = 0; i < arrayNumber.length; ++i) {
    s += ((0xFF + arrayNumber[i] +1) & 0x0FF).toString(16);
}

---

#16楼

这是精简的ECMAScript 6版本：

const convert = {
  bin2dec : s => parseInt(s, 2).toString(10),
  bin2hex : s => parseInt(s, 2).toString(16),
  dec2bin : s => parseInt(s, 10).toString(2),
  dec2hex : s => parseInt(s, 10).toString(16),
  hex2bin : s => parseInt(s, 16).toString(2),
  hex2dec : s => parseInt(s, 16).toString(10)
};

convert.bin2dec('111'); // '7'
convert.dec2hex('42');  // '2a'
convert.hex2bin('f8');  // '11111000'
convert.dec2bin('22');  // '10110'

---

#17楼

如果您希望转换为“完整” JavaScript或CSS表示形式，则可以使用以下方法：

  numToHex = function(num) {
    var r=((0xff0000&num)>>16).toString(16),
        g=((0x00ff00&num)>>8).toString(16),
        b=(0x0000ff&num).toString(16);
    if (r.length==1) { r = '0'+r; }
    if (g.length==1) { g = '0'+g; }
    if (b.length==1) { b = '0'+b; }
    return '0x'+r+g+b;                 // ('#' instead of'0x' for CSS)
  };

  var dec = 5974678;
  console.log( numToHex(dec) );        // 0x5b2a96

---

#18楼

这是我的解决方案：

hex = function(number) {
  return '0x' + Math.abs(number).toString(16);
}

问题说： “如何在JavaScript中将十进制转换为十六进制” 。 虽然该问题并未指定十六进制字符串应以0x前缀开头，但是编写代码的任何人都应该知道将十六进制代码添加了0x以便将十六进制代码与程序标识符和其他数字区分开（1234可以是十六进制，十进制或甚至八进制）。

因此，为了正确回答此问题，出于脚本编写的目的，您必须添加0x前缀。

Math.abs（N）函数将负数转换为正数，并且作为奖励，它看起来不像有人通过削片机运行。

我想要的答案是具有一个字段宽度说明符，因此我们可以例如以在十六进制编辑应用程序中看到它们的方式显示8/16/32/64位值。 那是实际的正确答案。

---

#19楼

您可以在ECMAScript 6中执行以下操作 ：

const toHex = num => (num).toString(16).toUpperCase();

---

#20楼

如果要转换大整数，即大于Number.MAX_SAFE_INTEGER的数字-9007199254740991，则可以使用以下代码

 const hugeNumber = "9007199254740991873839" // Make sure its in String const hexOfHugeNumber = BigInt(hugeNumber).toString(16); console.log(hexOfHugeNumber) 

---

#21楼

这基于Prestaul和Tod的解决方案。 但是，这是一个概括，说明了变量大小的变化（例如，从微控制器串行日志中解析带符号的值）。

function decimalToPaddedHexString(number, bitsize)
{ 
  let byteCount = Math.ceil(bitsize/8);
  let maxBinValue = Math.pow(2, bitsize)-1;

  /* In node.js this function fails for bitsize above 32bits */
  if (bitsize > 32)
    throw "number above maximum value";

  /* Conversion to unsigned form based on  */
  if (number < 0)
    number = maxBinValue + number + 1;

  return "0x"+(number >>> 0).toString(16).toUpperCase().padStart(byteCount*2, '0');
}

测试脚本：

for (let n = 0 ; n < 64 ; n++ ) { 
     let s=decimalToPaddedHexString(-1, n); 
     console.log(`decimalToPaddedHexString(-1,${(n+"").padStart(2)}) = ${s.padStart(10)} = ${("0b"+parseInt(s).toString(2)).padStart(34)}`);
   }

检测结果：

decimalToPaddedHexString(-1, 0) =        0x0 =                                0b0
decimalToPaddedHexString(-1, 1) =       0x01 =                                0b1
decimalToPaddedHexString(-1, 2) =       0x03 =                               0b11
decimalToPaddedHexString(-1, 3) =       0x07 =                              0b111
decimalToPaddedHexString(-1, 4) =       0x0F =                             0b1111
decimalToPaddedHexString(-1, 5) =       0x1F =                            0b11111
decimalToPaddedHexString(-1, 6) =       0x3F =                           0b111111
decimalToPaddedHexString(-1, 7) =       0x7F =                          0b1111111
decimalToPaddedHexString(-1, 8) =       0xFF =                         0b11111111
decimalToPaddedHexString(-1, 9) =     0x01FF =                        0b111111111
decimalToPaddedHexString(-1,10) =     0x03FF =                       0b1111111111
decimalToPaddedHexString(-1,11) =     0x07FF =                      0b11111111111
decimalToPaddedHexString(-1,12) =     0x0FFF =                     0b111111111111
decimalToPaddedHexString(-1,13) =     0x1FFF =                    0b1111111111111
decimalToPaddedHexString(-1,14) =     0x3FFF =                   0b11111111111111
decimalToPaddedHexString(-1,15) =     0x7FFF =                  0b111111111111111
decimalToPaddedHexString(-1,16) =     0xFFFF =                 0b1111111111111111
decimalToPaddedHexString(-1,17) =   0x01FFFF =                0b11111111111111111
decimalToPaddedHexString(-1,18) =   0x03FFFF =               0b111111111111111111
decimalToPaddedHexString(-1,19) =   0x07FFFF =              0b1111111111111111111
decimalToPaddedHexString(-1,20) =   0x0FFFFF =             0b11111111111111111111
decimalToPaddedHexString(-1,21) =   0x1FFFFF =            0b111111111111111111111
decimalToPaddedHexString(-1,22) =   0x3FFFFF =           0b1111111111111111111111
decimalToPaddedHexString(-1,23) =   0x7FFFFF =          0b11111111111111111111111
decimalToPaddedHexString(-1,24) =   0xFFFFFF =         0b111111111111111111111111
decimalToPaddedHexString(-1,25) = 0x01FFFFFF =        0b1111111111111111111111111
decimalToPaddedHexString(-1,26) = 0x03FFFFFF =       0b11111111111111111111111111
decimalToPaddedHexString(-1,27) = 0x07FFFFFF =      0b111111111111111111111111111
decimalToPaddedHexString(-1,28) = 0x0FFFFFFF =     0b1111111111111111111111111111
decimalToPaddedHexString(-1,29) = 0x1FFFFFFF =    0b11111111111111111111111111111
decimalToPaddedHexString(-1,30) = 0x3FFFFFFF =   0b111111111111111111111111111111
decimalToPaddedHexString(-1,31) = 0x7FFFFFFF =  0b1111111111111111111111111111111
decimalToPaddedHexString(-1,32) = 0xFFFFFFFF = 0b11111111111111111111111111111111
Thrown: 'number above maximum value'

注意：不太确定为什么失败超过32位大小

---

#22楼

使用以下命令将数字转换为十六进制字符串：

hexString = yourNumber.toString(16);

并通过以下步骤逆转该过程：

yourNumber = parseInt(hexString, 16);

---

#23楼

下面的代码将十进制值d转换为十六进制。 它还允许您将填充添加到十六进制结果中。 因此，默认情况下0将变为00。

function decimalToHex(d, padding) {
    var hex = Number(d).toString(16);
    padding = typeof (padding) === "undefined" || padding === null ? padding = 2 : padding;

    while (hex.length < padding) {
        hex = "0" + hex;
    }

    return hex;
}

---

#24楼

var number = 3200;
var hexString = number.toString(16);

16是基数，十六进制数中有16个值：-)

---

#25楼

带填充：

function dec2hex(i) {
   return (i+0x10000).toString(16).substr(-4).toUpperCase();
}

---

#26楼

如果需要处理位字段或32位颜色之类的内容，则需要处理带符号的数字。 JavaScript函数toString(16)将返回一个十六进制负数，通常这不是您想要的。 此功能做了一些疯狂的添加，使其成为正数。

 function decimalToHexString(number) { if (number < 0) { number = 0xFFFFFFFF + number + 1; } return number.toString(16).toUpperCase(); } console.log(decimalToHexString(27)); console.log(decimalToHexString(48.6)); 

---

#27楼

限制/填充到一定数量的字符：

function decimalToHex(decimal, chars) {
    return (decimal + Math.pow(16, chars)).toString(16).slice(-chars).toUpperCase();
}

---

#28楼

function dec2hex(i)
{
  var result = "0000";
  if      (i >= 0    && i <= 15)    { result = "000" + i.toString(16); }
  else if (i >= 16   && i <= 255)   { result = "00"  + i.toString(16); }
  else if (i >= 256  && i <= 4095)  { result = "0"   + i.toString(16); }
  else if (i >= 4096 && i <= 65535) { result =         i.toString(16); }
  return result
}