JavaScriptで１０進数を２・８・１６進数に変換する方法まとめ

JavaScriptでは１０進数を他の基数（２進数、８進数、１６進数、etc・・）に変換することができます。

その方法とは Number.toString メソッドに基数を渡して呼び出しすること

例えば１０進数 dec をｎ新数で表された文字列 xxx に変換したいなら

var xxx = dec.toString(n);

1	var xxx = dec.toString(n);

とすれば xxx にｎ進数変換された文字列が取得できるというやり方です。ポイントはただ toString を呼び出すのではなく、 2 とか 16 とかの基数を渡すことですね。

ここではこれを使って１０進数を２・８・１６進数に変換するやり方やコード例、注意点などについてまとめてみました。

このページの目次

２進数を１０進数に変換する
８進数を１０進数に変換する
１０進数を１６進数文字列に変換
ここまでのまとめ
補足 : ２・８・１６進数から１０進数への変換も可

２進数を１０進数に変換する

２進数　⇒　１０進数　の場合は toString(2) を実行すればOK

例えば次が１０進数を２進数に変換・表示しているコード例です。

var dec = 128;
console.log(dec.toString(2));
  /// => 10000000

var dec = 160;
console.log(dec.toString(2));
  /// => 10100000

var dec = 255;
console.log(dec.toString(2));
  /// => 11111111

var dec = 128;

console.log(dec.toString(2));

/// => 10000000

var dec = 160;

console.log(dec.toString(2));

/// => 10100000

var dec = 255;

console.log(dec.toString(2));

/// => 11111111

返される値は 10000000 とか 10100000 とかの２進数で表記された文字列

気を付けるべきことは toString はNumber型のオブジェクトのメソッドなので直接数値に対しては呼び出せないことです。間違っても 128.toString(2) とか書かないようにしましょう。

あとマイナス値を２進数に直した場合、先頭のマイナス記号は残ることにも要注意

例えば次がマイナス付き１０進数を２進数文字列に直しているコード例

var dec = -127;
console.log(dec.toString(2));
  /// => -1111111

var dec = -127;

console.log(dec.toString(2));

/// => -1111111

見ての通り -127 を変換したら -1111111 になってしまっています・・・

もちろんビット演算などを使えばマイナスを含まない形にも直せますが、処理が複雑です。 toString(2) はなるべくマイナスの値に対しては使わない方がいいですね。

８進数を１０進数に変換する

１０進数　⇒　８進数　の場合は toString(8) を実行

例えば次が１０進数から８進数への変換・表示を行っているコード例

var dec = 63;
console.log(dec.toString(8));
 /// => 77

var dec = 511;
console.log(dec.toString(8));
 /// => 777

var dec = 4095;
console.log(dec.toString(8));
  /// => 777

var dec = 63;

console.log(dec.toString(8));

/// => 77

var dec = 511;

console.log(dec.toString(8));

/// => 777

var dec = 4095;

console.log(dec.toString(8));

/// => 777

ちょっと分かりにくいですが、 77 とか 777 とか 7777 は８進数変換された文字列（つまり 0 ～ 7 のみを使って表された文字列）です。

２進数の場合と同じくマイナス（または少数）を渡してしまうと、マイナス記号・小数点はそのまま残ってしまうので整の正数だけに使う方が安全かも

１０進数を１６進数文字列に変換

１０進数　⇒　１６進数　に変換する場合は toString(16) を実行

例えば次が数値を１６進数に変換して表示しているコード例

var dec = 511;
console.log(dec.toString(16).toUpperCase());
  /// => 1FF

var dec = 1023;
console.log(dec.toString(16).toUpperCase());
  /// => 3FF

var dec = 2047;
console.log(dec.toString(16).toUpperCase());
  /// => 7FF