javascript 的 charat() 方法处理 emoji 时返回乱码，因其按 utf-16 编码单元索引，而 emoji 多为代理对或组合序列；应改用 for...of、array.from()、[...str] 或 intl.segmenter 安全提取字符。
JavaScript 的 charAt() 方法在处理 Emoji 表情时可能返回“乱码”或“空字符”，根本原因是它按 UTF-16 编码单元（code unit）索引，而大多数 Emoji 是由多个 UTF-16 单元组成的代理对（surrogate pair）或更复杂的组合序列（如带肤色修饰符、ZWJ 序列）。
为什么 charAt 会“切开” Emoji
UTF-16 中，基础 BMP 字符（如 ASCII、常用汉字）占 2 字节（1 个 code unit），但大部分 Emoji（如 ?、??、???）超出 BMP，需用两个连续的 UTF-16 单元（即代理对）表示。例如：
-
'?'.length === 2（实际是 2 个 UTF-16 单元） -
'?'.charAt(0)返回高代理位（如'\ud83d'），不是有效字符 -
'?'.charAt(1)返回低代理位（如'\udc4b'），单独也无效
安全获取 Emoji 字符的替代方法
要正确提取第 n 个“用户感知的字符”（即 Unicode 码点或字形），应避免直接使用 charAt，改用以下方式：
-
用扩展的 for...of 循环：自动按 Unicode 码点迭代，支持代理对和组合序列
for (const ch of 'Hello ????') { console.log(ch); } -
用 Array.from(str)：将字符串转为真正按字符（而非 code unit）划分的数组
Array.from('??')[0] // '??'（完整带肤色 Emoji） -
用 [...str]：展开语法效果同上，简洁常用
[...'??'][0] // '??' -
用 Intl.Segmenter（现代推荐）：按语言学“字素簇”（grapheme cluster）分割，最准确处理 ZWJ 序列、变音符号等
const seg = new Intl.Segmenter(); [...seg.segment('???❤️??')].map(s => s.segment)
兼容性与实际建议
若需支持旧环境（如 IE）且不依赖 polyfill，可结合 String.fromCodePoint() 和 codePointAt() 手动处理代理对：
-
str.codePointAt(i)返回第 i 个 code unit 起始的完整码点（支持 >0xFFFF） - 配合
String.fromCodePoint()可重建字符：String.fromCodePoint(str.codePointAt(0)) - 注意：
codePointAt返回的是码点数值，需手动跳过后续代理单元（通常长度为 1 或 2）
日常开发中，优先使用 [...str] 或 Array.from(str)；对复杂 Emoji 组合（如家庭表情 ????），强烈建议用 Intl.Segmenter。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
