JavaScript: 「16進数」⇔「10進数」相互変換

JavaScriptで16進数を10進数へ、10進数を16進数へ変換する方法を紹介します。

16進数から10進数へ変換

16進数から10進数へ変換する場合はparseInt関数を使用します。 第1引数に変換したい16進数の文字列を指定し、 第2引数に基数「16」を指定します。

parseInt("a", 16)  // 10
parseInt("f", 16)  // 15
parseInt("10", 16) // 16
parseInt("ff", 16) // 255

第1引数の頭に"0x"が付いた16進数指定の場合は、 第2引数を省略してもOKです。

parseInt("0xa")  // 10
parseInt("0xf")  // 15
parseInt("0x10") // 16
parseInt("0xff") // 255

10進数から16進数へ変換

10進数から16進数へ変換する場合は、 NumberオブジェクトのtoStringを使用します。 引数に基数「16」を指定します。

let n = 10;
console.log(n.toString(16)); // a

n = 15; 
console.log(n.toString(16)); // f

n = 16; 
console.log(n.toString(16)); // 10

n = 255; 
console.log(n.toString(16)); // ff

大文字で取得したい場合はtoUpperCase関数を使用します。

n = 255; 
s = n.toString(16).toUpperCase();
console.log(s);  // FF
JavaScript入門