你在错误的进行字符遍历

dev.to JavaScript2026-10-12 15:400 views

有问题相关代码

function pickUnicodeFor(value) { let unicodeSet = new Set(); let strLen = value.length; for (let i = 0; i < strLen; i++) { let word = value.charCodeAt(i); if (word && !unicodeSet.has(word)) { word = `\\u${word.toString(16).toUpperCase()}`; unicodeSet.add(word); } } return Array.from(unicodeSet); } const unicodeList = pickUnicodeFor("𤋮"); console.log("unicodeList:", unicodeList);

你能看出以上代码有什么问题吗？输出结果为：

unicodeList: [ '\\uD850', '\\uDEEE' ]

发现问题：利用charCodeAt遍历字符，会导致把3个字节的字拆成2个字，如果自己来写这个汉字解析有太麻烦了，那怎么办呢？

其实js早就提供了方案，只是绝大部分人不知道而已，它就是：for of 来迭代字符

正确遍历字符的方式

//正确：遍历方式，forof 会自动遍历出正确的多个字节的字，避免将多字节字拆成多个字的情况 function pickUnicodeForOf(value) { let unicodeSet = new Set(); for (const ch of value) { let codePoint = ch.codePointAt(0); let word = `\\u{${codePoint.toString(16).toUpperCase()}}`; unicodeSet.add(word); } const unicodeList = Array.from(unicodeSet); console.log(`unicodeList: ${unicodeList}`); } pickUnicodeForOf("𤋮"); //output: //unicodeList: \u{242EE}