Javascript计算字符串长度

最新推荐文章于 2025-02-20 11:09:09 发布
最新推荐文章于 2025-02-20 11:09:09 发布
阅读量690 收藏 1
点赞数 1
分类专栏： Javascript 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38256117/article/details/133092325
版权

在开发中，可能会遇到动态计算字符串的长度的需求，根据容器宽度和字符串的长度，判断是否需要在字符串后拼接省略号展示。
HTML页面中的字符，中文/英文和字符，所占的宽度不同，一个中文字符的间距 约等同于 两个英文或字符 的宽度，所以在计算字符串展示在页面中的真实宽度时候，需要区分中文/英文和字符。
代码如下图：

/**
 * 计算显示的字符串
 * @param {string} str 要裁剪的字符串
 * @param {number} maxWidth 最大宽度
 * @param {number} fontSize 字体大小
 * @return {string} 显示的字符串
 */
export const fittingString = (str, maxWidth, fontSize = 12) &
最低0.47元/天 解锁文章
JavaScript计算字符串长度示例
JackieDYH的博客
08-14 698
一个英文字符占用一个字节，一个中文字符占用两个字节 str.charCodeAt(i) > 255 说明不是英文字符 function GetBytes(str) { var len = str.length; var bytes = len; for (var i = 0; i < len; i++) { if (str.charCodeAt(i) > 255) bytes++; } return bytes; } console.log(GetBytes("你.
JS判断字符串长度的5个方法
a245090971的博客
07-16 1266
方法一： 代码如下: String.prototype.gblen = function() { var len = 0; for (var i=0; i<this.length; i++) { if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) { ...
js计算字节长度
秋丞的博客
11-16 9887
GetLength = function(str) { ///获得字符串实际长度，中文2，英文1 ///要获得长度的字符串 var realLength = 0, len = str.length, charCode = -1; for (var i = 0; i < len; i++) { charCode
js计算字符串长度
02-14
js计算字符串长度，可以输入中文、英文、数字、中英文数字混合等，最后计算结果为字符串所占字节个数
JavaScript 字符串的常用方法与技巧
weixin_66708577的博客
02-20 911
JavaScript 提供了丰富的字符串方法，能够满足我们日常开发中的各种需求。通过掌握这些方法，我们可以更高效地处理字符串，编写出更简洁、更强大的代码。希望本文的内容对你有所帮助，如果你还有其他问题，欢迎在评论区留言讨论！
使用js计算字符串的长度
qq_42127308的博客
09-18 3069
分析：字符串中一个英文字母占一个字节，一个中文汉字占两个字节，中文字符基本是两个字节，英文字符基本是一个字节，其中ASCAIl码为94的符号^也为两个字节（以下结果为普通字符串的近似字节长度，对于表情啥的不适用） export const calculateStringLength = str => { if (typeof(str) !== 'string') { return...
js计算字符长度
qq_36934775的博客
11-05 8998
获取中英文混合的长度: 一个汉字是2个字节，一个数字和一个英文是1个字节 方法一： export const DataLength = (fData) =&amp;amp;amp;amp;amp;gt; { var intLength = 0 for (var i = 0; i &amp;amp;amp;amp;amp;lt; fData.length; i++) { if ((fData.charCodeAt(i) &amp;amp;amp;amp;amp;lt; 0)
javascript 获取字符串长度
翔的杂谈
01-01 4548
//将中文字转换为两个英文长度 var slength=s.value.replace(/[^/x00-/xff]/g,"**").length; //另外一种写法String.prototype.length2 = function() {var cArr = this.match(/[^x00-xff]/ig);return this.length + (cArr == null ? 0
JavaScript字符串的长度
热门推荐
xiaoding520的博客
01-16 2万+
大家好，欢迎观看JavaScript教程（十一、JavaScript字符串的长度） 一、字符串的长度 length：  描述：JavaScript提供了一系列方法，来帮助我们更好的使用字符串 测量字符串长度：length属性 描述：length属性返回字符串的长度和字符串的个数 语法：字符串变量名.length var i = "你好"; var result = i.lengt...
用JavaScript 计算字符串长度
05-13
在 JavaScript 中，可以使用 `string.length` 属性来计算字符串的长度。例如： ``` const str = 'Hello, World!'; const length = str.length; console.log(length); // 输出 13 ``` 除了普通的 ASCII 字符，对于 ...
JavaScript获取中英文混合字符串长度的方法示例
10-20
在JavaScript中，处理中英文混合的字符串长度是一个常见的需求，特别是在网页表单验证或文本处理时。由于中文字符和英文字符在计算机内部表示的方式不同，一个英文字符通常占用1个字节，而一个中文字符则占用2个字节...
判断字符串的长度(优化版)中文占两个字符
09-04
因此，在计算字符串长度时，需要考虑到这种编码差异。 为了在JavaScript中计算一个字符串的长度，并且确保中文字符被正确地计为两个字符长度，可以采用正则表达式替换的方法。具体来说，可以使用正则表达式匹配字符...
javascript的到字符串字节长度
04-10
NULL 博文链接：https://vincents.iteye.com/blog/1657423
JS获取字符串实际长度(包含汉字)的简单方法
10-21
下面小编就为大家带来一篇JS获取字符串实际长度(包含汉字)的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【JavaScript】计算字符串的长度
anhveu8587的博客
08-16 133
定义： functionGetChineseCount(str) { varchinieseCount=0; varbadChar="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; badChar+="abcdefghijklmnopqrstuvwxyz"; badChar+="0123456789"; badChar+=""+"　";//半角与全角空格 bad...
js计算字符串的长度
weixin_42413684的博客
07-16 542
let{length:len}='dsadasjfiasjdwqjkldjasd'; console.log(len)//计算字符串长度
【js】 计算字符串的长度
piano_diano的博客
10-28 599
汉字就两个长度，字符就一个长度 getByteLen(val) { let len = 0; for (let i = 0; i < val.length; i++) { let a = val.charAt(i); if (a.match(/[^\x00-\xff]/ig) != null) { len += 2; }else { len += 1;
JS计算字符串的长度
weixin_30847271的博客
04-10 397
最近项目上经常要用到计算字符串的长度的问题，有时需要按照byte进行计算长度，所以我就想在页面上用js实现，于是就到网上查了相关的资料，发现确实有很多的版本，这里给出两个比较好用的。 //方法一:逐个字符检查是否中文字符 String.prototype.getByteLen = function() { var len = 0; for (var i=0; i...
JavaScript计算字符串长度
最新发布
03-16
### JavaScript 中计算字符串长度的方法 在 JavaScript 中，可以通过 `String.prototype.length` 属性获取字符串的字符数。然而，如果需要像 Java 的 `String.getBytes().length` 那样按字节长度计算，则需额外处理多字节字符的情况。 #### 使用内置属性 `.length` 对于简单的 Unicode 字符串，可以直接通过 `.length` 访问其字符数量[^1]： ```javascript const str = "hello"; console.log(str.length); // 输出 5 ``` 此方法仅统计 UTF-16 编码中的代码单元数目，无法区分单字节或多字节字符。 #### 处理多字节字符的解决方案 为了实现类似于 Java 的字节长度计算功能，可以借助编码库或将字符串手动转为二进制形式。以下是两种常见方式： ##### 方法一：利用 TextEncoder API 现代浏览器支持 `TextEncoder` 接口，可将字符串转换为 Uint8Array 并测量其实际大小： ```javascript function getByteLength(text) { const encoder = new TextEncoder(); const uint8Array = encoder.encode(text); return uint8Array.length; } console.log(getByteLength("你好")); // 输出 6 (两个汉字各占三字节) ``` 这种方法依赖于浏览器环境的支持情况。 ##### 方法二：自定义函数逐位分析 如果不希望引入外部工具或兼容较旧平台，可通过正则表达式匹配并累加每部分占用的空间量： ```javascript function getStringByteLength(s) { let totalBytes = 0; for (let i = 0; i < s.length; i++) { const codePoint = s.charCodeAt(i); if (codePoint <= 0x7F) { // ASCII range totalBytes += 1; } else if (codePoint <= 0x7FF) { // Two-byte characters totalBytes += 2; } else if ((codePoint & 0xFC00) === 0xD800 && (s[i + 1].charCodeAt(0) & 0xFC00) === 0xDC00) { ++i; // Surrogate pair handling totalBytes += 4; // Four bytes combined } else { // Three-byte characters totalBytes += 3; } } return totalBytes; } console.log(getStringByteLength("abc")); // 输出 3 console.log(getStringByteLength("你好世界")); // 输出 12 ``` 上述逻辑涵盖了大部分场景下的需求，并能较好地应对复杂输入数据集。 --- ### 数据类型与隐式转换的影响 值得注意的是，在涉及数值运算时可能会触发自动类型转换行为，这可能间接影响最终结果准确性。例如当拼接字符串和数字时会优先执行字符串化操作而非纯粹数学求值过程[^2]: ```javascript let concatenatedResult = 123 + ""; // 结果："123" ``` 因此建议开发者明确指定所需动作以减少意外状况发生几率。 最后提醒一点关于特殊对象实例检测手段方面的问题——尽管表面上看来 `null` 应该归属于某种特定类别标签之下但实际上却被标记成了通用容器标识即 `"object"` 类型[^3]. ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值