如何在JavaScript中将十进制值转换为等效的十六进制值?
如何在JavaScript中将十进制值转换为等效的十六进制值?
Answers:
使用以下命令将数字转换为十六进制字符串:
hexString = yourNumber.toString(16);
并通过以下步骤逆转该过程:
yourNumber = parseInt(hexString, 16);
yourNumber
是一个变量。如果要使用数字文字,则必须执行类似的操作(45).toString(16)
,但是如果您要对数字进行硬编码,则请自己(45).toString(16)
将其写为十六进制字符串... 将始终相等'2d'
,所以不要浪费cpu循环找出答案。
42..toString(16)
如果需要处理位字段或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));
number = 0x100000000 + number;
>>>
运算符将数字转换为无符号表示形式,例如((-3253) >>> 0).toString(16)
return "fffff34b"
。
+1
进行有用的添加,但是如果要将数字转换为其他表示法,则所有数字通常已经“通常”为正,否则您希望得到负数。
下面的代码将十进制值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;
}
function toHex(d) {
return ("0"+(Number(d).toString(16))).slice(-2).toUpperCase()
}
function hexRep(number, width) { return (number+Math.pow(16, precision)).toString(16).slice(-width); }
const hex = d => Number(d).toString(16).padStart(2, '0')
😁
为了完整起见,如果要用负数的二进制补码十六进制表示形式,则可以使用zero-fill-right shift >>>
运算符。例如:
> (-1).toString(16)
"-1"
> ((-2)>>>0).toString(16)
"fffffffe"
但是,存在一个局限性:JavaScript按位运算符将其操作数视为32位序列,也就是说,您获得了32位二进制补码。
C# number to hexadecimal
与产生不同的结果Javascript number to hexadecimal
。看来Javascript存在负数问题。这个答案似乎是解决问题的方法。
((-2)>>>0).toString(16).substring(2)
带填充:
function dec2hex(i) {
return (i+0x10000).toString(16).substr(-4).toUpperCase();
}
没有循环:
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++){}
将这些好点子结合起来,实现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);
}
接受的答案未考虑返回的一位数字的十六进制代码。这很容易通过以下方式进行调整:
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函数:
/////////////////////////////////////////////////////////////////////////////
// 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)个字符。但是然后,您还需要确保字符串不能被四整除。如果是-则它是标准的十六进制字符串。(请记住,该字符串的前面带有“ 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()函数。
if( s.substr(0,2)
之前if (typeof s != "string")
。我返回的东西也不是我所期望的(toHex(0x1f635)
给出"0x313238353635"
)。没有进一步调查。
substr
&toLowerCase
…因此typeof
需要尽快解决,或者,如果您希望toHex
在此处使用非字符串,则应typeof
完全删除支票。合理?也就是说,如果我在这里使用代码而不进行编辑,然后调用toHex(0x1f635)
,我会得到的Uncaught TypeError: s.substr is not a function
。如果我更早地移动了强制转换的字符串,那您是对的,数字可能首先强制转换为十进制,然后事情就会发生变化。如果s
不是字符串,那当然意味着您不能在此处进行简单的转换。
对于任何有兴趣的人,这里是一个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)
。
这是精简的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'
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
}
color: rgb(r,g,b)
其中rg和b是十进制数字来回避整个问题。
function decimalToHexString(i) { var result = "00"; 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 }
AFAIK 评论57807是错误的,应类似于: 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;
}
如果数字是负数?
这是我的版本。
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);
}
我正在一个相当大的循环中进行到十六进制字符串的转换,所以我尝试了几种技巧以找到最快的一种。我的要求是使用固定长度的字符串,并正确编码负值(-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;
}
它的执行速度比.toString(16)
1-2个字节的数字要快,而对较大的数字(symbols
> = 6)则要慢一些,但仍应胜过正确编码负值的方法。
如公认的答案所述,从十进制转换为十六进制的最简单方法是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。
如何在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
总结一下;
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;
}
但是,如果您不需要在末尾将其转换回整数(即颜色),则只需确保值不为负就足够了。
我没有找到一个明确的答案,没有检查它是否是负数或正数,它使用二进制补码(包括负数)。为此,我展示了对一个字节的解决方案:
((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);
}
如果您希望转换为“完整” 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
您可以在ECMAScript 6中执行以下操作:
const toHex = num => (num).toString(16).toUpperCase();
如果要转换大整数,即大于Number.MAX_SAFE_INTEGER的数字-9007199254740991,则可以使用以下代码
const hugeNumber = "9007199254740991873839" // Make sure its in String
const hexOfHugeNumber = BigInt(hugeNumber).toString(16);
console.log(hexOfHugeNumber)
这基于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位大小
这是我的解决方案:
hex = function(number) {
return '0x' + Math.abs(number).toString(16);
}
问题说:“如何在JavaScript中将十进制转换为十六进制”。虽然该问题并未指定十六进制字符串应以0x前缀开头,但是任何编写代码的人都应该知道将0x添加到十六进制代码中以区分十六进制代码与程序标识符和其他数字(1234可以是十六进制,十进制或甚至八进制)。
因此,为了正确回答此问题,出于脚本编写的目的,您必须添加0x前缀。
Math.abs(N)函数将负数转换为正数,并且作为奖励,它看起来不像有人通过刨木机运行。
我想要的答案是具有一个字段宽度说明符,因此我们可以例如以在十六进制编辑应用程序中看到它们的方式显示8/16/32/64位值。那是实际的正确答案。
Number('0xFF') === 255;
对于所有想要反向操作的人来说。