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


当前回答

这是基于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位以上失败

其他回答

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
}

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

hexString = yourNumber.toString(16);

并通过以下方式反转该过程:

yourNumber = parseInt(hexString, 16);

限制/填充到一组字符数:

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

总结一下;

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;
}

然而,如果不需要在结尾将其转换回整数(即颜色),那么只需确保值不是负值就足够了。

接受的答案没有考虑返回的十六进制代码的单个数字。可通过以下方式轻松调整:

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

and

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”,因为分数部分只能通过将数字重复乘以十(IE:10.0)来获得。或者换句话说,十六进制值0xF会导致浮点值在“与”运算之前转换为整数,从而删除句点后面的所有内容。而不是将该值作为一个整体(即:3.14159265),并将浮点值与0xF值进行“与”运算。

因此,在这种情况下,最好的方法是将3.14159265转换为字符串,然后再转换字符串。由于上述原因,它也使得转换负数变得容易,因为负号正好变成值前面的0x26。

所以我所做的是确定变量包含一个数字——只需将其转换为字符串并转换字符串。这对每个人都意味着,在服务器端,您需要取消对传入字符串的加热,然后确定传入的信息是数字。只需在数字前面加上一个“#”,在返回的字符串前面加上“a”,就可以很容易地做到这一点。请参见toHex()函数。

玩得高兴

经过又一年的思考,我决定“toHex”函数(我还有一个“fromHex”功能)确实需要修改。整个问题是“我如何才能更有效地执行此操作?”我决定,to/from十六进制函数不应关心某个东西是否为小数部分,但同时它应确保字符串中包含小数部分。

于是,问题变成了,“你怎么知道你在使用十六进制字符串?”。答案很简单。使用全世界公认的标准字符串前信息。

换句话说,使用“0x”。所以现在我的toHex函数看看它是否已经存在,如果已经存在-它只是返回发送给它的字符串。否则,它会转换字符串、数字等。以下是修改后的toHex函数:

/////////////////////////////////////////////////////////////////////////////
//  toHex().  Convert an ASCII string to hexadecimal.
/////////////////////////////////////////////////////////////////////////////
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).toLowerCase() == "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)个字符。但是,您还需要确保字符串不能被4整除。如果是-则是标准的十六进制字符串。(记住字符串前面有“0x”。)

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

<?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(()函数。