有问题相关代码
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}
总结
- 字符遍历不要用for index 形式遍历，而是采用for of 方式遍历
更多
最近我开发了一款极简vscode翻译插件，让你无障碍阅读各种语言代码
- 支持批量翻译文本
- 支持Hover翻译
- 支持多翻译引擎（Google，Azure，Amazon, Deepl，baidu, tencent, openai 等） …
欢迎大家体验、如果你有任何问题和建议都可以提Issue给我反馈。 如果你感兴趣，特别欢迎你的加入，让我们一起完善好这个工具。 帮忙点个star⭐，让更多人知道这个工具，感谢大家🙏
