Преобразование байтового массива в шестнадцатеричную строку в JavaScript

Использование map() не будет работать, если входные данные имеют тип, подобный Uint8Array: результат map() также равен Uint8Array, который не может содержать результаты преобразования строк.

function toHexString(byteArray) {
  var s = '0x';
  byteArray.forEach(function(byte) {
    s += ('0' + (byte & 0xFF).toString(16)).slice(-2);
  });
  return s;
}

Более сжатый и эффективный (см. https://jsperf.com/byte-array-to- hex-строка) альтернатива с использованием Array.reduce ():

function toHexString(byteArray) {
  return byteArray.reduce((output, elem) => 
    (output + ('0' + elem.toString(16)).slice(-2)),
    '');
}

(Также без «& 0xFF», потому что, по моему мнению, если массив передается, который содержит значения больше 255, выходные данные должны быть испорчены, чтобы пользователю было легче видеть, что их ввод был неправильным.)

Чтобы сохранить ваш код в чистоте, вы можете использовать существующие библиотеки, например, array-buffer-to-hex. Пример:

const arrayBufferToHex = require('array-buffer-to-hex')
const crypto = require('crypto')

const bytes = crypto.randomBytes(10)

console.log(arrayBufferToHex(bytes)) // => "557f694f76c628fd6acb"

Все предыдущие решения работают, но все они требуют создания множества строк, объединения и нарезки созданных строк. Я подумал, что должен быть лучший способ сделать это сейчас, когда есть типизированные массивы. Первоначально я сделал это с помощью узла, а затем закомментировал строки, использующие буфер, и изменил их на TypedArrays, чтобы он также работал в браузере.

Это больше кода, но он значительно быстрее, по крайней мере, в jsperf Я собрал. Версия манипуляции со строкой в принятом ответе выполняла 37000 операций в секунду, в то время как приведенный ниже код обрабатывал 317000 операций в секунду. Существует много скрытых накладных расходов при создании строковых объектов.

function toHexString (byteArray) {
  //const chars = new Buffer(byteArray.length * 2);
  const chars = new Uint8Array(byteArray.length * 2);
  const alpha = 'a'.charCodeAt(0) - 10;
  const digit = '0'.charCodeAt(0);

  let p = 0;
  for (let i = 0; i < byteArray.length; i++) {
      let nibble = byteArray[i] >>> 4;
      chars[p++] = nibble > 9 ? nibble + alpha : nibble + digit;
      nibble = byteArray[i] & 0xF;
      chars[p++] = nibble > 9 ? nibble + alpha : nibble + digit;    
  }

  //return chars.toString('utf8');
  return String.fromCharCode.apply(null, chars);
}

Так как это первый хит Google для "js byte to hex", и мне понадобилось некоторое время, чтобы понять функцию Берги, я переписал эту функцию и добавил несколько комментариев, которые облегчили мне понимание:

function byteToHex(byte) {
  // convert the possibly signed byte (-128 to 127) to an unsigned byte (0 to 255).
  // if you know, that you only deal with unsigned bytes (Uint8Array), you can omit this line
  const unsignedByte = byte & 0xff;

  // If the number can be represented with only 4 bits (0-15), 
  // the hexadecimal representation of this number is only one char (0-9, a-f). 
  if (unsignedByte < 16) {
    return '0' + unsignedByte.toString(16);
  } else {
    return unsignedByte.toString(16);
  }
}

// bytes is an typed array (Int8Array or Uint8Array)
function toHexString(bytes) {
  // Since the .map() method is not available for typed arrays, 
  // we will convert the typed array to an array using Array.from().
  return Array.from(bytes)
    .map(byte => byteToHex(byte))
    .join('');
}

• Для получения дополнительной информации о const unsignedByte = byte & 0xff - части проверьте Что делает AND 0xFF? .
• Array.from is не доступно в каждом браузере (например, не в IE11), проверьте Как преобразовать типизированный массив JavaScript в массив JavaScript для получения дополнительной информации

ОП забыл добавить начальный 0 для чисел, которые могут отображаться только с 4 битами.

Вам нужно дополнить шестнадцатеричное преобразование соответствующим количеством ведущих нулей.