js 如何正确处理 emoji 表情的字符长度

已于 2022-05-25 09:06:07 修改
阅读量2.1k 收藏 1
点赞数
分类专栏： # JS 文章标签： javascript 开发语言 ecmascript
于 2022-02-12 00:12:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KimBing/article/details/121952287
版权
博客探讨了JavaScript中处理emoji表情字符长度的问题，指出普通文字和emoji在Unicode表示上的差异。文章提到，生僻字和emoji在转义后由两个位置存储，并且在ES6中可以使用`for...of`循环获取正确的字符长度。内容主要针对前端开发者，关注JavaScript在处理字符串时的细节和技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js 如何正确处理 emoji 表情的字符长度

普通文字的 unicode 是一个字符
在这里插入图片描述
而生僻字、emoji 表情的长度是 2
在这里插入图片描述
在这里插入图片描述

转义后能看到生僻字是通过两个 unicode 位置存储的

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

获取正确的字符长度

ES6 中可以通过 for of 获取正确的字符长度
在这里插入图片描述

支持英文/汉字/emoji长度计算的输入框实现
闲鱼技术的博客
08-24 814
背景用户输入是平台获取用户信息的重要途径，也是用户自我表达的重要方式，社区业务场景下尤其如此，输入过程的流畅性、精准性、丰富性都是我们要重点保障的。下图是最近的一个产品需求，「圈内好物」板块下允许用户自定义「商品分组」。产品&设计同学有两个核心诉求：1. 支持输入汉字、英文、数字、emoji，且：•一个英文/数字的长度为 0.5•一个汉字的长度为 1•一个 emoji 表情的长度为...
JavaScript中处理Emoji表情的字符串长度方法
最新发布
学习和分享
12-23 538
属性来获取字符串的长度。然而，这种方法在处理包含Emoji表情或其他多字节字符（如中文、日文等）的字符串时可能会产生不准确的结果，因为这些字符在UTF-16编码中通常会被表示为一个或两个。来匹配所有的Emoji字符（通过代理对）和单个的非Emoji字符。这样可以更直观地计算字符串中实际字符的数量。方法，这两个方法能够正确处理Unicode字符。为了准确计算包含Emoji表情的字符串长度，可以使用。进一步简化，利用正则表达式和字符串的。在JavaScript中，通常使用。上述代码使用了正则表达式。
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
10-19
主要介绍了JavaScript代码判断输入的字符串是否含有特殊字符和表情，通过js代码if语句进行判断，并结合自己开发的情景，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
JS 计算含有emoji表情的字符串长度 和 截取
cay6995的博客
09-10 1741
export const spliceTitleByLength = (text, length) => { let textArray = Array.from(text); let textLength = 0, i = 0; for (i = 0; i < textArray.length; i++) { const c = textArray[i]; textLength += encodeUtf8(c).length; .
字符输入流 InputStreamReader BufferedReader
LL__Sunny的博客
09-11 387
字符输入流 package day02; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStreamReader; //字符输入流 public class InputStreamReaderTest { public static void main(String[] args) { try { /* FileInpu
js emoji表情长度判断
atsfrqzs82658的博客
09-21 1397
1、需求：输入框长度限制为10个字符，包括表情。超出长度提示。 注：iPhone手机自定义的表情，有四个小人的，三个小人的，主要是长度还都不一样。有的表情可能一个就超出了长度限制（10），比如????‍????‍????‍????这个表情长度为11，当然我这个长度设置的比较小，可以随意设置。 查阅资料的过程中发现了lodash可以处理数组，并且可以处理表情。 console.log(_.toArray('...
H5页面input输入框含有键盘自带的表情符时显示异常
hsany330的专栏
09-12 5523
在做一个关于新闻的评论功能的H5页面时，需求里面要求能够发送表情显示表情，如果使用自定义的表情库，则在评论也还要加载大量的表情符图片，极大的影响加载速度，消耗流量，去看了下别的新闻网页版的评论部分也没有使用外带的表情库。 　　在input输入框里面添加上键盘自带表情符后，发送给后台服务器会显示服务异常，网上有给出解决方法，表情编码是16进制的，而我们用的是8进制的于是报错。将表情符转码成就能
js 如何获取 emoji 字符串长度
LvLin_60的博客
01-10 1340
所有常用的字符都是一个 2 字节的代码。但 2 字节只允许 65536 个组合，这对于表示每个可能的符号是不够的。 那怎么办？一个 2 字节不够那就用两个。我们将这种用一对 2 字节编码的符号称为“代理对”，长度是 2。 console.log( '????'.length ); // ? console.log( '????'.length ); // ? console.log( '????'.length ); // ? String.fromCharCode和 str.charCodeAt 方法只
在Javascript中对emoji字符操作的方式
Socrates的技术笔记
05-17 744
对于含有emoji的字符串，Javascript是不能直接完成正确的随机访问的。比如对`s = '😀😃😄😁🙂’来说，我可以看到下面的结果也就是说，对于含有emoji的字符串，直接通过默认的字符串操作机制来访问可能会导致一些问题。为了避免出现这些问题，我们可以考虑采用一些方法先把字符串转换成一个Array，Array的每个元素都是一个unicode。
计算字符串中emoji表情个数
qq_32483795的博客
09-24 3371
需求是：做一个文章字数统计。 以开始我直接用String.length(),返回总长度。被测试告知，emoji只能算一个字，而我返回的长度是二。 这是因为emoji占用两个char长度。 解决办法： public static int emojiCount(String str) { int emojiCount = 0; for(int i = 0; i < str.length(); i ++){ int type = Character.
php 处理APP emoji表情包 IOS表情包 Mysql保存手机表情
09-11
- CSS和JavaScript：在CSS样式或JavaScript中处理含有emoji的文本时，同样要注意字符集问题。 5. **索引和搜索**： - 因为emoji占用多个字节，所以在创建索引时需要考虑到这一点，可能需要调整索引长度或使用全文...
JS获取字符串的字节长度
qq_38886284的博客
04-19 2683
JS获取字符串的字节长度。
js支持表情不截断不乱码的字符串过长截取后带省略号的方法
bright789的博客
10-15 638
/**参数说明： * * 根据长度截取先使用字符串，超长部分追加… * @param {String} str 对象字符串 * @param {Integer} len 目标字节长度,字母数字算1,表情算2，中文算2 * 返回值： 处理结果字符串 */ function cutStrWithEllipsis(str, len) { var strlen = 0...
前端输入Emoji表情导致的错误
进无止进
04-02 2158
用户输入了emoji表情，提交的时候因为后端没有存储相应的emoji字符编码，导致报错异常。 原因： unicode定义的emoji是四个字符，对于一些之前没有考虑过emoji表情的系统来说，其获取或者展示简直就是灾难。公司用的MySQL,其utf8字符集最多支持三个字符。 解决方案 改变MySQL编码集设置，比如将其编码从utf8转换成utf8mb4 前端直接过滤掉emoji，可以用正则实...
JS如何截取完整带表情的字符串
a498531626的博客
07-17 2756
导语： 若字符串中出现一些特殊字符，我们该如何截取才能不出现乱码的现象呢？ 转载：https://www.xiabingbao.com/post/truncated/js-string-truncated.html 例：丑
计算字符串长度（处理emoji表情）
trandy的专栏
04-02 8983
-(int)getFinalStringLength:(NSString*)inputString characterCount:(int)allCount { if (nil == inputString || [inputStringisEqualToString:@""]) { return 0; } __blockint coun
utf8mb4中文、英文、emoji占用字节、字符个数
qq_39382220的博客
12-21 4705
中文（包括中文字符）占用3个 英文（包括英文字符）占用1个 emoji占用4个 使用 select 字段,length(字段),char_length(字段) from 表可以测试 其中length(字段)表示占用字节数，char_length表示有几个字符
【JavaScript】⽤ JS 判断某个字符串⻓度（要求⽀持 Emoji 表情）
小秀的博客
07-24 495
在 JavaScript 中，可以使⽤ String 类型的 length 属性来获取字符串的⻓度。但是，由于 Emoji 表情在字符串中占⽤了两个字符的位置，因此直接使⽤ length 属性得到的结果并不准确（我们希望的是 Emoji 表情是一个字符）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十月ooOO

许个愿，我帮你实现

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值