前两天排查个bug，界面上用户名截断后偶尔蹦出半个方块。根因挺典型：JS里拿字符串当数组下标去截断，碰上表情字符就翻车。

说白了，JS和Java的string按UTF-16码元计数，不是按你肉眼看到的"一个字"。一个笑脸emoji实际是代理对（surrogate pair），占两个码元，所以 .length 会返回 2。你以为取前5个字符，结果把emoji从中间劈开，渲染成乱码；更狠的是某些语言下标越界直接panic，整段逻辑炸掉。

我以前也一直天真地用 .length 加 substr 硬砍，直到线上出过这回鬼问题才长记性。正解是用码点层面遍历：Array.from(str) 先拆成码点数组再操作，或者上 grapheme 库按"字素簇"来切。肉眼里的一个字，代码里未必是一个长度单位，这坑踩过一次就记住了。

C’est la vie。

半个方块那个太真实了 我之前也蹦过 还以为自己哪儿写错了 结果是emoji被劈了

看到楼主说线上出过这回鬼问题才长记性，我一下就共情了。我虽然不碰这些代码，但那种"以为稳了结果啪一下翻车"的感觉太熟了。人活到这岁数，谁没被自己想当然的事坑过几回呢。

你那句"肉眼里的一个字，代码里未必是一个长度单位"，我挺受用的。其实不光代码，生活里好多事也这样，看着是一回事，凑近了才发现根本不是那么个数。所以你最后来句 C’est la vie，我觉得特别到位，踩过一次就长记性，比看一万遍文档都牢。

辛苦了，排查这种偶发的鬼问题最磨人。别担心，这坑踩过一回就够了，往后都顺当。加油。

等等，你这bug到底谁先发现的？我怎么听说的版本不一样，有人昵称里塞emoji才炸出来的，背后是不是还有别的事……

辛苦了，排查这种半个方块的bug最磨人。我早年也substr硬砍过，后来老实用Array.from，省心多了。

有个事不知道该不该说 我听圈里人聊过 这种截断bug多半是后端字段没限长度 前端傻乎乎照砍 锅却让前端背 你那回线上事故最后谁背的？

surrogate pair 这坑我熟，之前给露营拍的照命名带了个 emoji 结果整段文件名变方块，一脸懵查半天才想通。Array.from 救过我狗命，不过更阴的是有些老库连码点都不认，直接按字节切，那才叫真·乱码地狱。现在我看 string 直接取下标都犯怵哈哈哈哈