JS 16进制|极客笔记

JS 16进制

什么是16进制？

在计算机科学中，十六进制（Hexadecimal）是一种表示数字的基数或基。它是一种使用16个不同符号（0-9和A-F）来表示数字的系统。十六进制在计算机科学和编程中特别常见，因为它提供了一种紧凑且易于理解的方式来表示大量的二进制数据。

十六进制是一种一般化的表示法，其中与计算机内部硬件或数字数据存储相关的位数有关。它跟二进制之间的关系也很紧密，每个十六进制位代表四个二进制位。因此，两种表示法都可以相互转换。

在JavaScript中，我们可以使用十六进制表示法来表示数字、颜色和特定的字符。

十六进制的表示和转换

十六进制数字

在JS中，我们可以使用0x前缀来表示一个十六进制数字。十六进制数字有0-9的数字和A-F的字母组成。下面是一些示例：

let number1 = 0x3; // 十进制值为3
let number2 = 0xA; // 十进制值为10
let number3 = 0xFF; // 十进制值为255

十六进制颜色

在CSS中，我们可以使用十六进制颜色表示法来定义颜色。它以#开头，接着有6个十六进制数字（或者3个缩写形式的十六进制数字）。下面是一些示例：

body {
  background-color: #FF0000; /* 红色 */
}

h1 {
  color: #00FF00; /* 绿色 */
}

p {
  color: #0000FF; /* 蓝色 */
}

十六进制和二进制之间的转换

十六进制和二进制之间可以相互转换。每个十六进制数字对应四个二进制位。

将一个十六进制数字转换成二进制，只需要将每个数字替换为它所对应的四位二进制数字。例如，将0xA转换成二进制，得到1010。

要将一个二进制数字转换成十六进制，将二进制数一组四位分为一组。然后将每个分组转换成它所对应的十六进制数字。例如，将1101转换成十六进制，得到0xD。

在JavaScript中，我们可以使用toString()和parseInt()函数来进行转换。

let binaryNumber = 0b1101; // 二进制数
let hexNumber = binaryNumber.toString(16); // 转换成十六进制
console.log(hexNumber); // 输出 D

let hexNumber2 = "A"; // 十六进制数
let binaryNumber2 = parseInt(hexNumber2, 16); // 转换成二进制
console.log(binaryNumber2.toString(2)); // 输出 1010

十六进制与字母

在十六进制中，A-F被用来表示10-15的数字。在编程中经常会用到这些字母来表示特定的数值。

例如，当我们使用颜色代码时，#FF0000表示红色，最高亮度的红色。在这里，F是以十六进制表示的数字15，因此表示最高亮度。

binary.js示例

接下来，让我们使用一个示例代码演示十六进制和二进制之间的转换。我们将使用一个名为binary.js的文件，其中包含一个函数hexToBinary，用于将十六进制转换为二进制。

// binary.js

function hexToBinary(hex) {
  let binary = "";
  for (let i = 0; i < hex.length; i++) {
    let char = hex[i];
    let value = parseInt(char, 16).toString(2);
    binary += value.padStart(4, "0");
  }
  return binary;
}

module.exports = hexToBinary;

我们使用了一个名为hexToBinary的函数，它接受一个十六进制数作为输入。该函数首先创建一个空字符串binary来存储转换后的二进制数。

然后，我们遍历十六进制数字的每个字符，并将其转换为二进制。我们使用parseInt()函数将十六进制字符转换为相应的数值，并使用toString(2)将其转换为二进制。

最后，我们使用padStart()函数来确保每个二进制数是4位的，如果不足4位，则在左侧补齐零。

现在，我们可以在另一个文件中使用我们的函数来进行转换。

// main.js

const hexToBinary = require('./binary');

let hexNumber = "A"; // 十六进制数
let binaryNumber = hexToBinary(hexNumber); // 转换为二进制

console.log(binaryNumber); // 输出 1010

在这个示例中，我们首先导入了hexToBinary函数，然后将一个十六进制数字A作为参数传递给它。函数将返回一个相应的二进制数字，我们将其输出到控制台。