js unicode编码相关

news/2024/11/28 23:51:11/

ASCII码

在计算机种中,1 字节对应 8 位二进制数,而每位二进制数有 0、1 两种状态,因此 1 字节可以组合出 256 种状态。如果这 256 中状态每一个都对应一个符号,就能通过 1 字节的数据表示 256 个字符。ASCII就是用于描述英语中的字符和这 8 位二进制数的对应关系。

ASCII 码一共定义了 128 个字符,例如大写的字母 A 是 65(这是十进制数,对应二进制是0100 0001)。这 128 个字符只使用了 8 位二进制数中的后面 7 位,最前面的一位统一规定为 0。

ASCII编码范围0x00-0x7F,即十进制的0-127,定义了128个单字节字符

  • 0 - 31 及 127(共33个)是控制字符或通信专用字符(不可显示,其他都是可显示字符)
  • 32 是空格
  • 33 - 47,58 - 64,91 - 96,123 - 126 是字符(@#$%^/= 之类的)
  • 48~57为0到9十个阿拉伯数字
  • 65~90为26个大写英文字母
  • 97~122号为26个小写英文字母

后128个称为扩展ASCII码。许多基于x86的系统都支持使用扩展(或"高")ASCII。扩展ASCII 码允许将每个字符的第8 位用于确定附加的128 个特殊符号字符、外来语字母和图形符号,扩展ASCII不再是国际标准

查询ASCII技巧:
新建一个txt文档,按住ALT键 + 要查询的码值(十进制),松开就会显示对应字符。例如:按住ALT+97,则会显示出a

Unicode

由于扩展ASCII并非标准,同时亚洲语言有更多的字符需要被存储,一个字节显然不够用,需要2个字节。为了定义一种标准方案来展示世界上所有语言中的字符,最终诞生了Unicode

Unicode基本上包含了世界上所有的语言字符。但它仅仅是一个字符集,把世界上所有能出现的字符,都为其分配一个数字来表示。

比如这个字对应的二进制数是"100111000101101",有15位,说明至少需要2个字节。可以想象,在 Unicode 字典中往后的字符可能就需要 3 个字节或者 4 个字节,甚至更多字节来表示了。到目前最新版本Unicode15.0.0的字符数已到了149186个。但是计算级怎么确认这两个字节是表示一个字符而不是两个(N-)字符呢?第二个问题是,Unicode是按照ASCII编码规范对英文及"半角"字符进行编码的,意味着只需要一个字节就行,如果Unicode同意规定,每个符号都用3、4个字节表示,那么每个英文及"半角"字符前必然有2、3个字节都是0,这对于存储空间来说是极大的浪费,文本文件的大小会因此大出二三倍,这是难以接受的。

Unicode在很长一段时间内无法推广,直到互联网的出现,为解决Unicode如何在网络上传输的问题,定义了UTFUCS Transfer Format)标准,我们熟悉的UTF-8就是每次8位传输数据,UTF-16就是每次16位。当然还有一个 UTF-32 的编码方式,也就是上述那种定长编码,字符统一使用 4 个字节,虽然看似方便,但是却不如另外两种编码方式使用广泛。

UTF-8

UTF-8就是在互联网上使用最广的一种Unicode的实现方式,这是为传输而设计的编码,并使编码无国界,这样就可以显示全世界上所有文化的字符了。UTF-8最大的一个特点,就是它是一种变长的编码方式。它可以使用1 ~ 4个字节表示一个符号,根据不同的符号而变化字节长度,当字符在ASCII码的范围时,就用一个字节表示,保留了ASCII字符一个字节的编码做为它的一部分,注意的是Unicode一个中文字符占2个字节,而UTF-8一个中文字符占3个字节)。从UnicodeUTF-8并不是直接的对应,而是要过一些算法和规则来转换。

UTF-8编码规则:

  1. 对于单字节字符,第一位设为0,后面的 7 位对应这个字符的 Unicode 码点。因此,对于英文中的 0 - 127 号字符,与 ASCII 码完全相同。
  2. 对于需要使用N(N > 1)字节的字符,第一个字节的前N位都设置为1,第N + 1位设置为0,剩余的N - 1个字节的前两位都设为10,剩下的二进制位则使用这个字符的 Unicode 码点来填充.
Unicode符号范围(十六进制)UTF-8编码方式(二进制)
0000 0000-0000 007F0xxxxxxx
0000 0080-0000 07FF110xxxxx 10xxxxxx
0000 0800-0000 FFFF1110xxxx 10xxxxxx 10xxxxxx
0001 0000-0010 FFFF11110xxx 10xxxxxx 10xxxxxx 10xxxxxx

UTF-8 编码 DEMO:
这个字对应Unicode码点是0x4e2d(通过'中'.charCodeAt().toString(16)获取),从上面的表可以看到处于第三行中,那么可以得出格式为1110xxxx 10xxxxxx 10xxxxxx,从的二进制数(100111000101101)最后一位开始,从后向前依次填充对应格式中的 x,多出的 x 用 0 补上。这样,就得到了UTF-8 编码为 11100100 10111000 10101101,转换成十六进制就是 0xE4 0xB8 0xAD

解码的过程也十分简单:如果一个字节的第一位是 0 ,则说明这个字节对应一个字符;如果一个字节的第一位1,那么连续有多少个 1,就表示该字符占用多少个字节.

js本身可通过charCodeAt方法得到一个字符的Unicode编码(返回值是 0 - 65535 之间的整数),并通过fromCharCode方法将Unicode编码转换成对应字符.
Web要求URL的查询字符串采用UTF-8编码,对于一些特殊字符或者中文等,会编码成多个字节,变成%加相应16进制码的形式。比如:汉字 将会被编码为%E4%B8%AD。为此js提供了encodeURIComponentdecodeURIComponent方法组合来对查询字符串进行编码与解码。

function encodeUtf8(text) {const code = encodeURIComponent(text);const bytes = [];for (var i = 0; i < code.length; i++) {const c = code.charAt(i);if (c === '%') {const hex = code.charAt(i + 1) + code.charAt(i + 2);const hexVal = parseInt(hex, 16);bytes.push(hexVal);i += 2;} else bytes.push(c.charCodeAt(0));}return bytes;
}// 将每一字节都转换成%加16进制数字的表示形式,再通过decodeURIComponent方法解码,即可得到相应的字符串
function decodeUtf8(bytes) {var encoded = "";for (var i = 0; i < bytes.length; i++) {encoded += '%' + bytes[i].toString(16);}return decodeURIComponent(encoded);
}

UTF-16

UTF-162或者4个字节编码表示Unicode字符。

Unicode字符集中,000000-00FFFF表示的字符,在UTF-16中用2字节直接编码表示,不需要编码转换,这点和UTF-32一样(这里有点需要说明一下, U+D800U+DFFF 是一个空段,即这些码点不对应任何字符,4字节需要用到)

010000-10FFFF表示的字符,在UTF-16中用4字节编码表示,但是需要进行编码转换。比如010000-10FFFF中的某个字符XUnicode编码为AAAA AAAA AABB BBBB BBBB,分为高10位和低10位,高10位加上高位代理位D8(110110),低10位加上低位代理位DF(110111),即组成字符XUTF-16编码110110AAAAAAAAAAA 110111BBBBBBBBBB

UTF-32

UTF-8基于Unicode字符集一样。不过UTF-32编码为固定长度4个字节。因为Unicode范围为00FFFF-10FFFF,4个字节表示的范围为00000000-FFFFFFFF,能直接表示所有Unicode编码,不需要进行转换编码转换。以空间换时间。


http://www.ppmy.cn/news/19004.html

相关文章

Liunx相关服务无法启动,带你一步一步找出问题和解决问题

liunx服务无法开启的原因有各种各样&#xff0c;首先我们需要找到我们究竟是为什么不能能够开启这个服务&#xff0c;这里我们先要去考虑到的一个非常重要的问题就是我们的防火墙有没有启动&#xff0c;防火墙有没有把我们的要开启相关服务的端口给封禁掉。这个是无论如何都要第…

【Unity Shader 赛博小人01】UV准备 SD制作特效贴图

写在前面 Unity 卡通渲染 程序化天空盒提到了——“再整个uv1将云片平铺&#xff0c;将uv1对应到世界坐标x轴旋转角、y轴旋转角&#xff0c;消散信息放到顶点色。”&#xff0c;就是这句话&#xff01;我又遇到了几个问题&#xff08;本菜鸡不知道的东西太多太多了&#xff09…

结构型模式-装饰器模式

1.概述 快餐店有炒面、炒饭这些快餐&#xff0c;可以额外附加鸡蛋、火腿、培根这些配菜&#xff0c;当然加配菜需要额外加钱&#xff0c;每个配菜的价钱通常不太一样&#xff0c;那么计算总价就会显得比较麻烦。 使用继承的方式存在的问题&#xff1a; 扩展性不好 如果要再加…

【Leetcode每日一题】35.搜素插入位置|二分查找数组下标

&#x1f331;博主简介&#xff1a;大一计科生&#xff0c;努力学习Java中!热爱写博客~预备程序媛 &#x1f4dc;所属专栏&#xff1a;LeetCode每日一题–进击大厂 ✈往期博文回顾: 【JavaSE】保姆级教程|1万字10张图学会类与对象–建议收藏 &#x1f575;️‍♂️近期目标&…

MySQL 数据库 数据完整性

什么是数据完整性&#xff1a;数据的完整性是指数据的精确性和可靠性&#xff0c;它的目的是为了防止数据库中存在不符合予以规定的数据或者因错误信息的输入而造成无效的操作。数据完整性的分类&#xff1a;实体完整性&#xff1a;每一行记录在表中是唯一的——主键约束Primar…

expect实现无交互操作

Expect 主要应用于自动化交互式操作场景&#xff0c;它是基于tcl语言的。expect有独自的语法、变量。 在使用expect之前需要安装一下 yum -y install expect安装好后&#xff0c;它一般放在/usr/bin下 使用expect创建脚本的方式 1.定义脚本执行的shell #!/usr/bin/expect 或…

【回望2022,走向2023】一个双非二本非科班的学生的旅途

目录 1.自我介绍 2.高考与暑假 梦想 幻灭 决心 暑假 3.大一上学期 4.奋进之路 5.展望未来 1.自我介绍 我是一个双非本科的大一学生&#xff0c;在2023年的新春之际&#xff0c;借着CSDN的这次年度总结活动&#xff0c;来好好回顾一下&#xff0c;2022这个平凡却又不乏…

深度估计算法原理与论文解读

论文地址: Monocular Depth Estimation Using Laplacian Pyramid-Based Depth Residuals | IEEE Journals & Magazine | IEEE Xplore 深度估计算法原理 1.深度估计任务概述 深度估计,即通过输入的彩色图像,获得每个像素点离相机距离的远近(热度图) ,热度图的深浅表…