【蓝牙小程序】如何让 bytearray 数据转变为 json 格式

合集 - 蓝牙小程序(9)

1.【蓝牙小程序】项目记录02-072.【蓝牙小程序】微信小程序子组件如何向父组件传递数据02-123.【蓝牙小程序】蓝牙微信小程序定制化的关键函数:设备名/服务/特征 & 注意事项02-184.【蓝牙小程序】微信小程序 "父组件"调用"子组件"的"方法函数"(method)02-185.【蓝牙小程序】微信小程序 ReferenceError:xxx is not defined 报错解决办法02-156.【蓝牙小程序】微信小程序中 arraybuffer 数据类型是什么？02-217.【蓝牙小程序】在微信小程序中使用 ECharts02-248.【蓝牙小程序】实现简易table表格02-23

9.【蓝牙小程序】如何让 bytearray 数据转变为 json 格式02-26

收起

在微信小程序中，如果你想将 bytearray 数据转换为 JSON 格式，通常需要先将 bytearray 解码为字符串，然后再将字符串解析为 JSON 对象。以下是具体步骤：

1. 将 bytearray 解码为字符串

bytearray 通常是二进制数据，你需要将其解码为字符串。常见的编码格式是 UTF-8。

javascript

复制

// 假设你有一个 bytearray 数据
let byteArray = new Uint8Array([123, 34, 107, 101, 121, 34, 58, 34, 118, 97, 108, 117, 101, 34, 125]);

// 将 bytearray 转换为字符串
let str = String.fromCharCode.apply(null, byteArray);

2. 将字符串解析为 JSON 对象

解码后的字符串可以直接使用 JSON.parse 方法转换为 JSON 对象。

javascript

复制

// 将字符串解析为 JSON 对象
let jsonObj = JSON.parse(str);

console.log(jsonObj); // 输出: { key: "value" }

完整示例

javascript

复制

// 假设你有一个 bytearray 数据
let byteArray = new Uint8Array([123, 34, 107, 101, 121, 34, 58, 34, 118, 97, 108, 117, 101, 34, 125]);

// 将 bytearray 转换为字符串
let str = String.fromCharCode.apply(null, byteArray);

// 将字符串解析为 JSON 对象
let jsonObj = JSON.parse(str);

console.log(jsonObj); // 输出: { key: "value" }

注意事项

• 确保 bytearray 数据的编码格式是正确的（通常是 UTF-8）。

• 如果 bytearray 数据不是有效的 JSON 字符串，JSON.parse 会抛出错误，因此建议在解析前进行错误处理。

错误处理

javascript

复制

try {
    let jsonObj = JSON.parse(str);
    console.log(jsonObj);
} catch (e) {
    console.error("解析 JSON 失败:", e);
}

通过以上步骤，你可以将 bytearray 数据成功转换为 JSON 格式。

 

 

扩展：详细讲讲微信小程序的String.fromCharCode.apply

在微信小程序中，String.fromCharCode.apply 是一种将 Uint8Array 或 bytearray 数据转换为字符串的常用方法。它的核心是利用了 JavaScript 的 String.fromCharCode 和 Function.prototype.apply 方法。下面我会详细讲解它的工作原理和用法。

---

1. String.fromCharCode 的作用

String.fromCharCode 是 JavaScript 中的一个静态方法，用于将 Unicode 码点（数字）转换为对应的字符。例如：

javascript

复制

let char = String.fromCharCode(65); // A
console.log(char); // 输出: A

它可以接受多个参数，将每个参数转换为对应的字符，然后拼接成一个字符串：

javascript

复制

let str = String.fromCharCode(72, 101, 108, 108, 111); // Hello
console.log(str); // 输出: Hello

---

2. Function.prototype.apply 的作用

apply 是 JavaScript 中函数的一个方法，用于调用函数并指定函数内部的 this 值以及参数列表。它的语法如下：

javascript

复制

func.apply(thisArg, [argsArray])

• thisArg：函数运行时使用的 this 值。

• argsArray：一个数组或类数组对象，作为函数的参数列表。

apply 的关键特性是：它可以将一个数组或类数组对象展开为函数的参数列表。

---

3. String.fromCharCode.apply 的结合使用

String.fromCharCode 本身可以接受多个参数，而 apply 可以将一个数组或类数组对象展开为参数列表。因此，String.fromCharCode.apply 的用法如下：

javascript

复制

let byteArray = [72, 101, 108, 108, 111]; // 类数组对象
let str = String.fromCharCode.apply(null, byteArray);
console.log(str); // 输出: Hello

参数说明：

• null：String.fromCharCode 是一个静态方法，不需要 this 值，因此传入 null。

• byteArray：一个类数组对象（如 Uint8Array 或普通数组），它的每个元素会被展开为 String.fromCharCode 的参数。

---

4. 在微信小程序中的应用

在微信小程序中，如果你从网络请求或文件读取中获取了 Uint8Array 或 bytearray 数据，可以使用 String.fromCharCode.apply 将其转换为字符串。例如：

javascript

复制

// 假设从网络请求中获取了 Uint8Array 数据
let byteArray = new Uint8Array([123, 34, 107, 101, 121, 34, 58, 34, 118, 97, 108, 117, 101, 34, 125]);

// 将 bytearray 转换为字符串
let str = String.fromCharCode.apply(null, byteArray);
console.log(str); // 输出: {"key":"value"}

// 将字符串解析为 JSON 对象
let jsonObj = JSON.parse(str);
console.log(jsonObj); // 输出: { key: "value" }

---

5. 注意事项

• 性能问题：如果 bytearray 数据非常大，String.fromCharCode.apply 可能会导致性能问题，因为它需要一次性处理所有数据。对于大数据量，建议分块处理。

• 编码问题：String.fromCharCode 只能处理 Unicode 码点（0~65535）。如果数据是其他编码（如 UTF-16 或 UTF-32），需要先进行解码。

• 错误处理：如果 bytearray 数据不是有效的字符编码，转换后的字符串可能无法正确解析为 JSON，因此建议在解析时添加错误处理。

---

6. 替代方案：TextDecoder

对于现代浏览器和微信小程序环境，可以使用 TextDecoder 来更高效地将 Uint8Array 转换为字符串：

javascript

复制

// 使用 TextDecoder 解码
let decoder = new TextDecoder('utf-8');
let str = decoder.decode(byteArray);
console.log(str); // 输出: {"key":"value"}

TextDecoder 是专门为处理二进制数据设计的，性能更好，且支持多种编码格式（如 UTF-8、UTF-16 等）。

---

总结

• String.fromCharCode.apply 是一种将 Uint8Array 或 bytearray 转换为字符串的经典方法。

• 它的原理是利用 apply 将数组展开为 String.fromCharCode 的参数列表。

• 在微信小程序中，可以结合 JSON.parse 将字符串解析为 JSON 对象。

• 对于大数据量或现代环境，推荐使用 TextDecoder 作为替代方案