简介
hexpp 是一个用于将二进制数据转化为十六进制字符串的 npm 包。在前端开发中，我们经常需要将二进制数据进行解析或传输，而在这一过程中，使用 hexpp 可以以一种便利而简洁的方式完成数据的转换。
安装
可以通过以下命令来安装 hexpp：
npm install hexpp
使用
使用 hexpp 的过程十分简单，只需要通过 toHex 方法将二进制数据转换为十六进制字符串即可。
const hexpp = require('hexpp');
const binaryData = new Uint8Array([0x7f, 0xe1, 0x4f, 0x67]);
const hexString = hexpp.toHex(binaryData);
console.log(hexString); // 7fe14f67在上述代码中，我们通过创建一个 Uint8Array 对象来模拟二进制数据。然后我们使用 hexpp.toHex 方法将其转换为十六进制字符串，并将字符串通过 console.log 方法输出到控制台。
深入
在 hexpp 中，toHex 方法接受一个类型为 Uint8Array 的参数。在本节中，我们将会探讨 Uint8Array 的定义以及它的相关操作。
Uint8Array
Uint8Array 是一种表示无符号 8 位整数的一维定长数组。在 JavaScript 中，对于存储二进制数据的需求，通常会使用 Uint8Array 来进行存储。以下是创建 Uint8Array 的几种方式：
const emptyArray = new Uint8Array(); // 空数组
const arrayFromLength = new Uint8Array(4); // {0, 0, 0, 0}
const fromArray = new Uint8Array([1, 2, 3]); // {1, 2, 3}
const fromIterable = new Uint8Array(new Set([1, 2, 3])); // {1, 2, 3}
const fromBuffer = new Uint8Array(Buffer.from([1, 2, 3])); // {1, 2, 3}Uint8Array 的操作
在许多场景下，对于 Uint8Array 的一些操作是必不可少的：
修改值
在 Uint8Array 对象中，我们可以修改对应位置的值。
const data = new Uint8Array([0x7f, 0xe1, 0x4f, 0x67]);
data[0] = 0xff;
console.log(data); // {255, 225, 79, 103}在上述代码中，我们修改了 Uint8Array 中第一个元素的值，并将其改变为了 0xff。
切片
在 JavaScript 中，我们可以通过 slice 方法来获取数组的子集。同样，在 Uint8Array 中，我们可以通过 slice 来获取其指定区间的值：
const data = new Uint8Array([0x7f, 0xe1, 0x4f, 0x67]);
const slice = data.slice(0, 2);
console.log(slice); // {127, 225}在上述代码中，我们获取了 data 如上所述的子集，并将其保存到了 slice 变量中。
迭代器
在 JavaScript 中，我们通常都会使用 for...of 循环来进行迭代。对于 Uint8Array，我们同样可以使用 for...of 循环进行遍历。
const data = new Uint8Array([0x7f, 0xe1, 0x4f, 0x67]);
for (const byte of data) {
console.log(byte);
}在上述代码中，我们使用 for...of 循环来遍历 Uint8Array 中的每一个元素，并将其输出到控制台。
结论
通过学习 hexpp，我们学习了如何将二进制数据转换为十六进制字符串。在此过程中，我们同时学习了 Uint8Array 的定义和操作。通过 Hexpp，我们可以更加便捷地操作并展示二进制数据，这对于前端开发中的数据解析和管理将会大有裨益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedacbfb5cbfe1ea0610afc