开发者都不知道的JS冷知识系列

文章资讯 2020-08-06 15:14:42

开发者都不知道的JS冷知识系列

获取字符串的长度想必大家都是常用的:
'1'.length // -> 1
但是在某些情况下,获取字符串长度可能并不如你所想的一样,比如说某些 emoji 甚至是汉字
'.length // ???
你可能会认为我这只用了一个 emoji,那么长度应该是 1,但是实际上输出的内容为 11~
笔者来简单的说下这是为什么。
字符是通过 Unicode 来表示的,JS 的字符编码是 UCS-2,这个编码规则是每两字节代表一个字符,然后 JS 内部获取字符串长度是通过计算字符长度来得到的。
Unicode 字符分为 17 组平面,第一个平面称为基本平面,Unicode码位范围为 U+0000 - U+FFFF,其他都叫做补充平面。对于 UCS-2 编码来说除了基础平面的字符长度为 1 以外,其他都为 2。
对于 来说,它是由四个补充平面的码位及三个基础平面的码位组成,所以它的字符长度为 11。每个 emoji 都有它各自的编码信息,你可以在网上自行查询。
最后说个好玩的,对于 emoji 来说,我们可以对它进行结构,然后神奇的事情又发生了:
总结
文章简短,所以知识就是带过,毕竟大部分冷知识脑子里有个印象即可,如果你有兴趣继续学习,可以去了解以下知识点:
字符编码分为哪几种
Unicode 编码相关
emoji 编码信息
【编辑推荐】
请停止在JavaScript中使用类,你将成为一名更好的开发人员
一个有意思的方案:不借助后台和 JS ,只用 CSS 让一个列表编号倒序,你会怎么做?
当前比较流行开发语言详解之Java篇
前端登录,这一篇就够了
5 个 JS 数组技巧可提高你的开发技能