随笔 - 88  文章 - 0  评论 - 6  阅读 - 81908

escape,unescape与encodeURIComponent,decodeURIComponent

escape:将string转成unicode字符串

escape('𠮷 a')
//输出"%uD842%uDFB7%20a" 等同于 “%uD842%uDFB7%u0020%u0061”

unescape:使用类似String.fromCharCode的机制将unicode字符串转成string

unescape('%uD842%uDFB7%20a')
//输出"𠮷 a"
String.fromCharCode(0xD842,0xDFB7, 0x20, 0x61);
//输出"𠮷 a"

encodeURIComponent:将string转成utf-8字符串

encodeURIComponent('𠮷 a')
//输出"%F0%A0%AE%B7%20a" 等同于 “%F0%A0%AE%B7%20%61”

decodeURIComponent:将utf-8字符串转成string

decodeURIComponent('%F0%A0%AE%B7%20a')
//输出"𠮷 a"

应用:

1.将string转成utf-8 格式存储的UInt8Array

复制代码
function stringBufToUInt8Array(str) {
    var bytes = new Uint8Array(new ArrayBuffer(str.length));
    for(var i = 0; i < str.length; ++i) {
        bytes[i] = str.charCodeAt(i) & 0xff;
    }
    return bytes;
}

function printUInt8Array(bytes) {
    console.log([...bytes].map(byte => byte.toString(16).toUpperCase()).join(' '));
}

function stringToUTF8FormatUInt8Array(str) {
    var stringBuf = unescape(encodeURIComponent(str));
    return stringBufToUInt8Array(stringBuf);
}

printUInt8Array(stringToUTF8FormatUInt8Array('𠮷 a'));
//输出 F0 A0 AE B7 20 61
复制代码

2.将utf-8格式存储的UInt8Array转成string

复制代码
function UTF8FormatUInt8ArrayToString(bytes) {
    if(bytes.length > 0) {
        var convertStr = '%' + [...bytes].map(byte => byte.toString(16).toUpperCase()).join('%');
        return decodeURIComponent(convertStr); 
    } else {
    return '';
    }
}

var bytesArray = [0xF0, 0xA0, 0xAE, 0xB7, 0x20, 0x61];
var bytes = new Uint8Array(new ArrayBuffer(bytesArray.length));
for(var i = 0; i < bytesArray.length; ++i) {
    bytes[i] = bytesArray[i];
}

console.log(UTF8FormatUInt8ArrayToString(bytes));
//输出 “𠮷 a”
复制代码

 

posted on   chen8840  阅读(307)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示