JavaScriptで２進数などを１０進数に変換する方法まとめ

JavaScriptでは違う基数（２進数、１６進、etc・・）を１０進数に簡単に変換できます。

その方法とは parseInt メソッドに基数で表された文字列と基数を渡して実行すること

例えば変換したいｎ進数の文字列 xxx を１０進数の値 dec に変換したいなら

var dec = parseInt(xxx, n);

1	var dec = parseInt(xxx, n);

とすれば１０進数変換された数値が取得可能。普通だと parseInt は文字列　⇒　数値の処理を行うために使われますが、基数付きで実行すれば基数同士の変換もできる便利ものです。

ここではこの parseInt を使って２・８・１６進数を１０進数に変換するコード例をまとめてみました。

このページの目次

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

２進数を１０進数に変換

２進数　⇒　１０進数　への変換は parseInt の第一引数に２進数文字列、第二引数に 2 を渡すだけ

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

var bin = '10101010';
console.log(parseInt(bin, 2));
  /// => 170

var bin = '11111111';
console.log(parseInt(bin, 2));
  /// => 255

var bin = '10101010';

console.log(parseInt(bin, 2));

/// => 170

var bin = '11111111';

console.log(parseInt(bin, 2));

/// => 255

'10101010' とか '11111111' のように文字列で表したものが変換可能です。

ただし２進数文字列では 1 または 0 以外の文字は使えないことに要注意。そのため '0b10101010' とか '0o11111111' みたいな文字列は正しい結果を返しません。

先頭に 0b とか 0o を付けられるのは数値として２進数を定義する場合だけです。

８進数を１０進数に変換

８進数　⇒　１０進数　なら parseInt の第一引数に８進数文字列、第二引数に 8 を渡せばOK

例えば次は８進数から１０進数に変換・表示しているコード例です。

var oct = '20';
console.log(parseInt(oct, 8));
  /// => 16

var oct = '400';
console.log(parseInt(oct, 8));
  /// => 256

var oct = '0777';
console.log(parseInt(oct, 8));
  /// => 511

var oct = '20';

console.log(parseInt(oct, 8));

/// => 16

var oct = '400';

console.log(parseInt(oct, 8));

/// => 256

var oct = '0777';

console.log(parseInt(oct, 8));

/// => 511

上コードの '20' とか '400' とかが８進数表記された文字列。もし１０進数と分かりにくい場合、最後の例の '0777' みたいに先頭にをつけても問題ありません。

１６進数から１０進数への変換

１６進数　⇒　１０進数　に変換したい場合は parseInt の第一引数に１６進数文字列、第二引数に 16 を渡せば１０進数が返ってきます。

例えば次が１６進数文字列を１０進数に変換・表示しているコード例

var hex = 'FFFF';
console.log(parseInt(hex, 16));
  /// => 65535

var hex = '0x100';
console.log(parseInt(hex, 16));
  /// => 256

var hex = '0x800'
console.log(parseInt(hex, 16));
  /// => 2048