建设网站的行业现状性能优化大师

在 JavaScript 中，可以方便地进行二进制、十进制、十六进制和八进制之间的相互转换。下面为你详细介绍每种转换的代码示例和原理。

1. 十进制转其他进制

十进制转二进制

使用 Number.prototype.toString(2) 方法将十进制数转换为二进制字符串。

const decimalNumber = 10;
const binaryString = decimalNumber.toString(2);
console.log(binaryString); // 输出: '1010'

讲解：toString() 方法是 JavaScript 中 Number 对象的一个方法，它接受一个可选参数 radix，表示转换的进制，取值范围是 2 到 36。当 radix 为 2 时，就会将十进制数转换为二进制字符串。

十进制转八进制

使用 Number.prototype.toString(8) 方法将十进制数转换为八进制字符串。

const decimalNumber = 10;
const octalString = decimalNumber.toString(8);
console.log(octalString); // 输出: '12'

讲解：同样，当 radix 为 8 时，toString() 方法会将十进制数转换为八进制字符串。

十进制转十六进制

使用 Number.prototype.toString(16) 方法将十进制数转换为十六进制字符串。

const decimalNumber = 255;
const hexadecimalString = decimalNumber.toString(16);
console.log(hexadecimalString); // 输出: 'ff'

讲解：当 radix 为 16 时，toString() 方法会将十进制数转换为十六进制字符串，其中 10 - 15 会用字母 a - f 表示。

2. 其他进制转十进制

二进制转十进制

使用 parseInt() 函数，将二进制字符串转换为十进制数。

const binaryString = '1010';
const decimalNumber = parseInt(binaryString, 2);
console.log(decimalNumber); // 输出: 10

讲解：parseInt() 函数接受两个参数，第一个参数是要转换的字符串，第二个参数是字符串的进制。当第二个参数为 2 时，会将二进制字符串转换为十进制数。

八进制转十进制

使用 parseInt() 函数，将八进制字符串转换为十进制数。

const octalString = '12';
const decimalNumber = parseInt(octalString, 8);
console.log(decimalNumber); // 输出: 10

讲解：当 parseInt() 函数的第二个参数为 8 时，会将八进制字符串转换为十进制数。

十六进制转十进制

使用 parseInt() 函数，将十六进制字符串转换为十进制数。

const hexadecimalString = 'ff';
const decimalNumber = parseInt(hexadecimalString, 16);
console.log(decimalNumber); // 输出: 255

讲解：当 parseInt() 函数的第二个参数为 16 时，会将十六进制字符串转换为十进制数。

3. 二进制、八进制、十六进制之间的相互转换

可以先将源进制转换为十进制，再将十进制转换为目标进制。

二进制转八进制

const binaryString = '1010';
const decimalNumber = parseInt(binaryString, 2);
const octalString = decimalNumber.toString(8);
console.log(octalString); // 输出: '12'

讲解：先使用 parseInt() 函数将二进制字符串转换为十进制数，再使用 toString(8) 方法将十进制数转换为八进制字符串。

二进制转十六进制

const binaryString = '11111111';
const decimalNumber = parseInt(binaryString, 2);
const hexadecimalString = decimalNumber.toString(16);
console.log(hexadecimalString); // 输出: 'ff'

讲解：先将二进制字符串转换为十进制数，再将十进制数转换为十六进制字符串。

八进制转二进制

const octalString = '12';
const decimalNumber = parseInt(octalString, 8);
const binaryString = decimalNumber.toString(2);
console.log(binaryString); // 输出: '1010'

讲解：先将八进制字符串转换为十进制数，再将十进制数转换为二进制字符串。

八进制转十六进制

const octalString = '377';
const decimalNumber = parseInt(octalString, 8);
const hexadecimalString = decimalNumber.toString(16);
console.log(hexadecimalString); // 输出: 'ff'

讲解：先将八进制字符串转换为十进制数，再将十进制数转换为十六进制字符串。

十六进制转二进制

const hexadecimalString = 'ff';
const decimalNumber = parseInt(hexadecimalString, 16);
const binaryString = decimalNumber.toString(2);
console.log(binaryString); // 输出: '11111111'

讲解：先将十六进制字符串转换为十进制数，再将十进制数转换为二进制字符串。

十六进制转八进制

const hexadecimalString = 'ff';
const decimalNumber = parseInt(hexadecimalString, 16);
const octalString = decimalNumber.toString(8);
console.log(octalString); // 输出: '377'

讲解：先将十六进制字符串转换为十进制数，再将十进制数转换为八进制字符串。

综上所述，通过 toString() 方法和 parseInt() 函数，可以方便地在 JavaScript 中进行二进制、十进制、十六进制和八进制之间的相互转换。