前端js如何实现网络编程中的字符串与字节数组的转换

享受生活

已于 2024-11-28 14:46:00 修改

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 前端开发语言

于 2024-04-03 10:00:20 首次发布

本文链接：https://blog.csdn.net/weixin_45978842/article/details/137331698

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了两种JavaScript将字符串转换为UTF-8字节数组的方法：一是自定义函数textToArrayBuffer逐字符处理，二是MDN推荐的使用TextEncoderAPI。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端js如何实现网络编程中的字符串转字节数组

方法一：通过循环，结合字符编码手动转换

//方法一：字符串转字节数组(返回utf8编码的字节流)
function textToArrayBuffer(s) {
    var i = s.length;
    var n = 0;
    var ba = new Array()
    for (var j = 0; j < i;) {
        var c = s.codePointAt(j);
        console.log("codePointAt:" + c);
        var d = s.charCodeAt(j);
        console.log("charCodeAt:" + d);
        if (c < 128) {
            ba[n++] = c;
            j++;
        } else if ((c > 127) && (c < 2048)) {
            ba[n++] = (c >> 6) | 192;
            ba[n++] = (c & 63) | 128;
            j++;
        } else if ((c > 2047) && (c < 65536)) {
            ba[n++] = (c >> 12) | 224;
            ba[n++] = ((c >> 6) & 63) | 128;
            ba[n++] = (c & 63) | 128;
            j++;
        } else {
            ba[n++] = (c >> 18) | 240;
            ba[n++] = ((c >> 12) & 63) | 128;
            ba[n++] = ((c >> 6) & 63) | 128;
            ba[n++] = (c & 63) | 128;
            j += 2;
        }
    }
    return new Uint8Array(ba).buffer;
}

方法二：借助js辅助方法

//方法二：mdn推荐方法 注：TextEncoder是将字符串转为utf-8字节流（使用的是utf-8编码）
function strToArrayBuffer(s) {
    const encoder = new TextEncoder()
    const view = encoder.encode(s)
    return new Uint8Array(view).buffer;
}