String.codePointAt获取变量字符串的码点信息
时间:2026-05-24 18:00:31 300浏览 收藏
最近发现不少小伙伴都对文章很感兴趣,所以今天继续给大家介绍文章相关的知识,本文《String.codePointAt获取变量字符串的码点信息》主要内容涉及到等等知识点,希望能帮到你!当然如果阅读本文时存在不同想法,可以在评论中表达,但是请勿使用过激的措辞~
codePointAt() 能正确获取 Unicode 增补字符的完整码点,而 charCodeAt() 仅返回 UTF-16 代理单元,无法处理大于 0xFFFF 的字符;其返回值依位置不同可能为码点、代理值或 undefined。

String.codePointAt() 是 JavaScript 中用于获取指定位置字符**Unicode 码点(code point)**的方法,特别适用于处理 Unicode 中的增补字符(即码点大于 0xFFFF 的字符,如 emoji、部分汉字、古文字等)。
为什么不用 charCodeAt()?
charCodeAt() 只能返回 UTF-16 编码单元(surrogate pair 中的单个 16 位值),对增补平面字符会“拆开”处理,返回不完整的高位或低位代理项,无法还原真实字符。而 codePointAt() 能正确识别并返回完整码点(如 0x1F600 表示 ?),避免误判。
基本用法与返回值
语法:str.codePointAt(index),其中 index 是字符串中从 0 开始的字符位置。
- 若
index超出范围(< 0或>= str.length),返回undefined - 若位置对应一个 BMP 字符(如
'A'、'中'),返回其 Unicode 码点(如65、20013) - 若位置是增补字符的**高位代理(surrogate high)**,且后续紧跟低位代理,则返回完整码点(如
'??'.codePointAt(0)→128104) - 若
index恰好落在低位代理位置(如'??'.codePointAt(1)),则只返回该代理值(如56349),不是完整码点 —— 所以建议始终从0开始遍历,并配合String.fromCodePoint()验证
安全遍历字符串的码点
直接用 for (let i = 0; i + codePointAt(i) 可能跳过代理对的第二部分。推荐结合 String.prototype[Symbol.iterator]() 或手动跳过低位代理:
- 使用扩展运算符:
[...str].map(ch => ch.codePointAt(0))(最简洁,兼容性需注意) - 手动遍历:
for (let i = 0; i (因增补字符占两个 UTF-16 单元)
常见使用场景
校验 emoji 或生僻字:判断是否为合法图形符号(如 cp >= 0x1F600 && cp <= 0x1F64F)
字符计数(非字节/UTF-16长度):如 '??'.length === 2,但 [...str].length === 1
与 String.fromCodePoint() 配合实现编码/解码:如 String.fromCodePoint('?'.codePointAt(0)) === '?'
今天关于《String.codePointAt获取变量字符串的码点信息》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
231 收藏
-
175 收藏
-
300 收藏
-
466 收藏
-
408 收藏
-
124 收藏
-
444 收藏
-
264 收藏
-
212 收藏
-
300 收藏
-
122 收藏
-
358 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习