JavaScriptで2進数を10進数に変換する方法をわかりやすく解説

JavaScriptで2進数を10進数に変換するには？

プログラミングにおいて、2進数と10進数の相互変換はよく使われる処理の一つです。JavaScriptでは、組み込みメソッドを使えば簡単に変換できます。この記事では、代表的な2つの方法をコード例とともに紹介します。

方法1：parseInt()関数を使う（最も簡単）

最もシンプルな方法は、parseInt()関数を使用することです。第1引数に2進数の文字列、第2引数に基数「2」を指定します。

const binary = "1010";
const decimal = parseInt(binary, 2);
console.log(decimal); // 出力結果：10

この例では、2進数の「1010」が10進数の「10」に変換されます。第2引数の基数指定により、文字列が2進数として解釈される点がポイントです。

方法2：ループ処理で手動変換する

変換の仕組みを理解したい場合は、ループ処理を使って手動で計算する方法もあります。各桁の値に2のべき乗を掛けて合計します。

function binaryToDecimal(binaryStr) {
  let decimal = 0;
  for (let i = 0; i < binaryStr.length; i++) {
    decimal = decimal * 2 + Number(binaryStr[i]);
  }
  return decimal;
}

const result = binaryToDecimal("1010");
console.log(result); // 出力結果：10

左の桁から順に処理し、それまでの合計を2倍しながら現在の桁の値を加算していくことで、効率的に変換できます。

注意点

• 無効な文字列に注意： 2進数以外の文字（例：「2」「a」など）が含まれている場合、parseInt()は途中までしか解析せず、予期しない結果になることがあります。
• 入力チェックを行う： 変換前に正規表現 /^[01]+$/ などで入力値が有効な2進数かどうか確認すると安全です。
• 大きな数値の扱い： 非常に長い2進数文字列を扱う場合、BigInt型の使用も検討しましょう。

まとめ

JavaScriptで2進数を10進数に変換するなら、parseInt(文字列, 2)を使うのが最も簡単で実用的です。学習目的や仕組みの理解には、ループによる手動変換にも挑戦してみてください。状況に応じて適切な方法を選びましょう。