微信小程序 JS 字符串string与utf8编码的arraybuffer的相互转换

&#8194最近在做一个微信小程序，和后端用websocket连接，后端要求传输过去的信息是UTF8编码的二进制信息。JS并没有可以直接进行转换的库函数，因此必须自己写一个编码以及解析的函数。
最开始采用了一个字符一个字符的charCodeAt,但是通过这种方式可以传输非中文的内容，有中文时则无法正确的转换。
后来参考了网上的一些资料，通过先将字符串编码并转换为byte[],再转换为对应的arraybuffer（解析同理，先将arraybuffer转换为byte[]，再进行解码）
编码及解码的过程较复杂，不过这两个函数是可以直接使用的，同时支持中文和英文。

function stringToArrayBuffer(str) {var bytes = new Array(); var len,c;len = str.length;for(var i = 0; i < len; i++){c = str.charCodeAt(i);if(c >= 0x010000 && c <= 0x10FFFF){bytes.push(((c >> 18) & 0x07) | 0xF0);bytes.push(((c >> 12) & 0x3F) | 0x80);bytes.push(((c >> 6) & 0x3F) | 0x80);bytes.push((c & 0x3F) | 0x80);}else if(c >= 0x000800 && c <= 0x00FFFF){bytes.push(((c >> 12) & 0x0F) | 0xE0);bytes.push(((c >> 6) & 0x3F) | 0x80);bytes.push((c & 0x3F) | 0x80);}else if(c >= 0x000080 && c <= 0x0007FF){bytes.push(((c >> 6) & 0x1F) | 0xC0);bytes.push((c & 0x3F) | 0x80);}else{bytes.push(c & 0xFF);}}var array = new Int8Array(bytes.length);for(var i in bytes){array[i] =bytes[i];}return array.buffer;
}

function arrayBufferToString(arr){if(typeof arr === 'string') {  return arr;  }  var dataview=new DataView(arr.data);var ints=new Uint8Array(arr.data.byteLength);for(var i=0;i<ints.length;i++){ints[i]=dataview.getUint8(i);}arr=ints;var str = '',  _arr = arr;  for(var i = 0; i < _arr.length; i++) {  var one = _arr[i].toString(2),  v = one.match(/^1+?(?=0)/);  if(v && one.length == 8) {  var bytesLength = v[0].length;  var store = _arr[i].toString(2).slice(7 - bytesLength);  for(var st = 1; st < bytesLength; st++) {  store += _arr[st + i].toString(2).slice(2);  }  str += String.fromCharCode(parseInt(store, 2));  i += bytesLength - 1;  } else {  str += String.fromCharCode(_arr[i]);  }  }  return str;
}

参考文章

微信小程序 JS 字符串string与utf8编码的arraybuffer的相互转换相关推荐

微信小程序JS 字符串string与arraybuffer的相互转换
写微信小程序用udp与服务器通信时message只可以用string和arraybuffer类型,我用了arraybuffer类型,此时涉及到string与arraybuffer的相互转换故记录所用函 ...
微信小程序JS字符串操作方法汇总
微信小程序JS字符串操作方法汇总 JS对字符串进行切割截取 1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子: str="jpg|bmp|gif|ico| ...
微信小程序JS字符串操作方法汇总，包含切割截取split，合并字符串join，连接字符串concat，返回指定字符串charAt，提取字符串substring等
微信小程序JS字符串操作方法汇总 JS对字符串进行切割截取 1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子: str="jpg|bmp|gif|ico| ...
微信小程序js 字符串截取
微信小程序js 字符串截取 console.log(time) 输出:qwertyuiop console.log(time.substring(0, 5)) 输出:qwert
微信小程序--js中string转换为number
问题描述在小程序编写js代码时,经常会遇到类型转换,比如string类型的"3"转换为number类型的3,那么怎么转换呢?先了解 parseInt!!! parseInt 1. ...
微信小程序业务-字符串生成二维码（weapp-qrcode）
微信小程序业务-字符串生成二维码(weapp-qrcode) 前言邂逅weapp-qrcode 基本使用详细参数小程序组件中使用 image属性详解想使用网络图片? 参考地址前言在小程序项 ...
【Note】微信小程序js使用农历(一行代码)
[Note]微信小程序js使用农历 0 直接输出 var data_ = new Date('2022/10/27 00:00:00') console.log(data_.toLocaleStrin ...
微信小程序js把数字转化成字母
微信小程序 js 把数字转化成字母微信小程序 js 把数字转化成字母 for (let i = 0; i < 26; i++) {list[i] = {};list[i].name = Str ...
微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码
微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定.或者用removeClass addClass 来修改样式. 以下是一种动态修改样式的方法,原理是绑定数据,然后动 ...

微信小程序 JS 字符串string与utf8编码的arraybuffer的相互转换

微信小程序 JS 字符串string与utf8编码的arraybuffer的相互转换

微信小程序 JS 字符串string与utf8编码的arraybuffer的相互转换相关推荐

最新文章

热门文章