JS二进制转10进制、十六进制

简介: JS二进制转10进制、十六进制 【8月更文挑战第9天】

在 JavaScript 中,二进制(base-2)、十进制(base-10)和十六进制(base-16)之间的转换是常见的操作。这些转换可以通过内置的方法来完成。本文将详细介绍如何在 JavaScript 中进行这些转换,并提供相关的代码示例。

1. 二进制转十进制

要将二进制字符串转换为十进制数,可以使用 parseInt 函数。parseInt 函数接受两个参数:要转换的字符串和进制基数。

代码示例:

let binaryStr = "1010"; // 二进制字符串
let decimalNum = parseInt(binaryStr, 2); // 将二进制转换为十进制
console.log(decimalNum); // 输出: 10

在这个示例中,parseInt(binaryStr, 2) 将二进制字符串 "1010" 转换为十进制数 10。其中,2 表示输入字符串是二进制格式。

2. 二进制转十六进制

要将二进制转换为十六进制,可以首先将二进制转换为十进制,然后再将十进制转换为十六进制。

代码示例:

let binaryStr = "1010"; // 二进制字符串
let decimalNum = parseInt(binaryStr, 2); // 二进制转十进制
let hexStr = decimalNum.toString(16); // 十进制转十六进制
console.log(hexStr); // 输出: "a"

在这个示例中,二进制字符串 "1010" 首先被转换为十进制数 10,然后 10 使用 toString(16) 方法被转换为十六进制字符串 "a"

3. 十进制转二进制

要将十进制数转换为二进制字符串,可以使用 toString 方法,并将基数参数设置为 2

代码示例:

let decimalNum = 10; // 十进制数
let binaryStr = decimalNum.toString(2); // 十进制转二进制
console.log(binaryStr); // 输出: "1010"

在这个示例中,toString(2) 将十进制数 10 转换为二进制字符串 "1010"

4. 十进制转十六进制

将十进制数转换为十六进制字符串与二进制类似,使用 toString 方法,并将基数参数设置为 16

代码示例:

let decimalNum = 10; // 十进制数
let hexStr = decimalNum.toString(16); // 十进制转十六进制
console.log(hexStr); // 输出: "a"

在这个示例中,toString(16) 将十进制数 10 转换为十六进制字符串 "a"

5. 十六进制转二进制

要将十六进制字符串转换为二进制,可以先将其转换为十进制,然后再转换为二进制。

代码示例:

let hexStr = "a"; // 十六进制字符串
let decimalNum = parseInt(hexStr, 16); // 十六进制转十进制
let binaryStr = decimalNum.toString(2); // 十进制转二进制
console.log(binaryStr); // 输出: "1010"

在这个示例中,十六进制字符串 "a" 首先被转换为十进制数 10,然后再被转换为二进制字符串 "1010"

6. 十六进制转十进制

要将十六进制字符串转换为十进制数,直接使用 parseInt 函数,并将基数设置为 16

代码示例:

let hexStr = "a"; // 十六进制字符串
let decimalNum = parseInt(hexStr, 16); // 十六进制转十进制
console.log(decimalNum); // 输出: 10

在这个示例中,parseInt(hexStr, 16) 将十六进制字符串 "a" 转换为十进制数 10

7. 综合应用示例

假设你有一个二进制字符串,想要将其转换为十进制和十六进制,并最终输出这些转换结果。

综合示例:

let binaryStr = "110101"; // 二进制字符串

// 二进制转十进制
let decimalNum = parseInt(binaryStr, 2);
console.log(`二进制 ${
     binaryStr} 转为十进制: ${
     decimalNum}`);

// 二进制转十六进制
let hexStr = decimalNum.toString(16);
console.log(`二进制 ${
     binaryStr} 转为十六进制: ${
     hexStr}`);

结论

通过以上内容,我们可以看到,在 JavaScript 中,二进制、十进制和十六进制之间的转换是非常简单的。你可以使用内置的 parseInttoString 方法轻松地进行这些转换。这些操作在处理底层数据时非常有用,特别是在需要对数据进行格式转换的情况下。

目录
相关文章
|
4月前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
111 0
|
4月前
|
前端开发 JavaScript 数据安全/隐私保护
JavaScript 中的二进制散列值和权限设计
这篇文章介绍了JavaScript中使用位运算符进行权限控制的方法。文章首先介绍了JavaScript中的进制类型,包括十进制、二进制、十六进制和八进制。然后解释了位运算符的概念和常用的按位与、按位或、按位异或和按位非操作符。接下来讨论了位运算符在传统权限系统中的应用场景,并给出了一个基于二进制变量表示权限的示例。最后,文章提到了位运算符方案的局限性,例如每个权限码必须是唯一且只有一位为1的限制。但总的来说,在中小型业务中可以使用这种方式进行权限控制。
|
1月前
|
JavaScript 前端开发 开发者
js二进制及其相关转换全总结
【8月更文挑战第9天】js二进制及其相关转换全总结
57 5
|
4月前
|
JavaScript 前端开发 数据处理
掌握JavaScript中的二进制运算,提升你的编程技能!
掌握JavaScript中的二进制运算,提升你的编程技能!
|
4月前
|
存储 自然语言处理 前端开发
详谈JavaScript 二进制家族:Blob、File、FileReader、ArrayBuffer、Base64
详谈JavaScript 二进制家族:Blob、File、FileReader、ArrayBuffer、Base64
174 1
|
4月前
|
算法 JavaScript
JS算法-颠倒二进制位
JS算法-颠倒二进制位
|
4月前
|
存储 移动开发 自然语言处理
谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64(下)
谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64(下)
|
4月前
|
XML JavaScript 前端开发
谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64(上)
谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64(上)
141 0
|
JavaScript
js中对进制、最大值、最小值,无穷大小及其NaN的初步认识
js中对进制、最大值、最小值,无穷大小及其NaN的初步认识
|
算法 JavaScript 前端开发
【JavaScript数据结构与算法】字符串类(计算二进制子串)
【JavaScript数据结构与算法】字符串类(计算二进制子串)