web-dev-qa-db-ja.com

16進文字列をUint8Arrayに変換してJavaScriptに戻す方法は?

bada55のような16進文字列をUint8Arrayに変換してから元に戻したい。

14
David Braun

バニラJS:

const fromHexString = hexString =>
  new Uint8Array(hexString.match(/.{1,2}/g).map(byte => parseInt(byte, 16)));

const toHexString = bytes =>
  bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, '0'), '');

console.log(toHexString(new Uint8Array([0, 1, 2, 42, 100, 101, 102, 255])))
console.log(fromHexString('0001022a646566ff'))

注:このメソッドは常に完了します。 16進エンコードされたバッファの長さが2で割り切れない場合、最後のバイトは0が前に付いているかのように解析されます(たとえば、aaaaa0aとして解釈されます) 。

16進数の形式が正しくない可能性がある場合(ユーザー入力など)、このメソッドを呼び出す前に、その長さを確認してエラーを処理してください。例:

const missingLetter = 'abc';
if(missingLetter.length % 2 !== 0){
  throw new Error(`The string "${missingLetter}" is not divisible by 2.`)
}
fromHexString(missingLetter);
12

Node.js

Nodeで実行されているJavaScriptの場合、次のことができます。

const hexString = 'bada55';

const hex = Uint8Array.from(Buffer.from(hexString, 'hex'));

const backToHexString = Buffer.from(hex).toString('hex');

(出典: この回答 @ Teneffによる、許可を得て共有)

6
Brian Adams

ネイティブJavaScriptのソリューションは次のとおりです。

var string = 'bada55';
var bytes = new Uint8Array(Math.ceil(string.length / 2));
for (var i = 0; i < bytes.length; i++) bytes[i] = parseInt(string.substr(i * 2, 2), 16);
console.log(bytes);

var convertedBack = '';
for (var i = 0; i < bytes.length; i++) {
  if (bytes[i] < 16) convertedBack += '0';
  convertedBack += bytes[i].toString(16);
}
console.log(convertedBack);
2
csander