JS计算字符串的长度

最新推荐文章于 2022-05-27 08:44:56 发布

原创最新推荐文章于 2022-05-27 08:44:56 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#字符串长度 JS

html页面专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个实用的JavaScript函数，用于计算包含不同字符集（如ASCII和非ASCII字符）的字符串长度。通过该函数，可以准确获取字符串的实际显示长度，这对于处理中英文混合文本非常有用。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

goadin

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Javascript计算字符串长度

一些coding知识记录

09-20

776

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

js计算字符串长度包含的中文是utf8格式

10-26

在JavaScript中计算字符串长度，尤其是涉及中文字符时，需要区分字符编码格式，如UTF8。这是因为在JavaScript原生length属性中，所有字符都被当作单字节处理，导致中文字符和英文字符长度相同。实际上中文字符在UTF8...

参与评论您还未登录，请先登录后发表或查看评论

js计算字符串长度

02-14

js计算字符串长度，可以输入中文、英文、数字、中英文数字混合等，最后计算结果为字符串所占字节个数

js如何判断输入字符串长度

11-22

js判断输入字符串长度（汉字算两个字符，字母数字算一个）文本输入时，由于数据库表字段长度限制会导致提交失败，因此想到了此方法验证。废话不多说上代码： <html> <head> <title>js判断输入字符串长度（汉字算两个字符，字母数字算一个）</title> <style type="text/css"> .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie7 .pbt .ftid a { margin-top: 1px; } .cl:after {

JS 计算字符长度 String.charCodeAt(index)

taoqidejingling的博客

03-10

1094

String.charCodeAt(index) 返回指定索引位置的字符编码；String.charAt(index) 返回指定索引位置的字符；

JS计算字符串字符长度

上善若水

12-21

963

<br />//判断字符串的字符数<br />function getInputStrLength(str,length) { <br /> // 在GBK编码里，除了ASCII字符，其它都占两个字符宽 <br /> var len = str.replace(/[^/x00-/xff]/g, 'xx').length; <br /> if(len > length) <br /> { <br /> return false;<br /

JavaScript获取中英文混合字符串长度的方法示例

10-20

在JavaScript中，处理中英文混合的字符串长度是一个常见的需求，特别是在网页表单验证或文本处理时。由于中文字符和英文字符在计算机内部表示的方式不同，一个英文字符通常占用1个字节，而一个中文字符则占用2个字节...

js计算字符长度

qq_36934775的博客

11-05

9082

获取中英文混合的长度: 一个汉字是2个字节，一个数字和一个英文是1个字节方法一： export const DataLength = (fData) =&amp;amp;amp;amp;gt; { var intLength = 0 for (var i = 0; i &amp;amp;amp;amp;lt; fData.length; i++) { if ((fData.charCodeAt(i) &amp;amp;amp;amp;lt; 0)

js函数判断字符串的长度

weixin_33862041的博客

03-31

765

//GBK字符集实际长度计算 functiongetStrLeng(str){ varrealLength=0; varlen=str.length; varcharCode=-1; for(vari=0;i<len;i++){ charCode=str.charCodeAt(i);...

js中统计字符串的长度（字符串对象）

m0_68843146的博客

05-27

605

核心原理是：一个字符集和一个空对象、利用对象名[字符]判断一个空对象里是否有以这个字符为属性名的属性、如果没有就通过对象名[字符]=1（为属性赋值）的方式来为对象增添这个属性以及赋值、若对象里已经有了这个属性的话就让这个属性值加1 ...

计算机符串长度的函数,用js写一个函数,计算出字符串的长度

weixin_39981360的博客

07-25

442

// GBK字符集实际长度计算function getStrLeng(str){ var realLength = 0; var len = str.length; var charCode = -1; for(var i = 0; i len; i++){ charCode = str.charCodeAt(i); if (charCode = 0 && charCode = 1...

js字符串长度

qq_42331499的博客

01-28

2327

js字符串长度 <script> var a = "你好js"; var b = a.length; document.write(b); </script> 输出结果是:4

JS中字符串的长度计算、字符串截取

xuanzijiejie的博客

07-18

2848

对于字符串str，和在java中一样使用str.length即可: function SubstrDemo(){ var s; // 声明变量。 var s = "The rain in Spain falls mainly in the plain."; return(s.length); } 字符串的截取，实例： substr(start,length)中的sta

js中的字符串长度

RunningSnail

12-29

8518

众所周知String对象的length属性能够返回字符串的长度，不管字符是单字节还是双字节，都作为一个长度单位来计算。因此要准确的获取字符长度，必须通过手工来写。下面介绍两种方式： 1、循环遍历字符串，根据字符的编码，来判断当前字符是双字节还是单字节，然后递加字符串的字节数。 String.prototype.lengthSingle = function(str){ var b = 0;

【JavaScript】计算字符串的长度

anhveu8587的博客

08-16

153

定义： functionGetChineseCount(str) { varchinieseCount=0; varbadChar="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; badChar+="abcdefghijklmnopqrstuvwxyz"; badChar+="0123456789"; badChar+=""+"　";//半角与全角空格 bad...

js如何计算字符串长度（中文为两个字符）

weixin_30432179的博客

02-25

338

function getStrLength(str) { var len = str.length; var result = 0; for (var i = 0; i < len; i++) { if (str.charCodeAt(i) < 27 || str.charCodeAt(i) > 126) { ...

JavaScript 字符串相关操作方法，详细讲解

weixin_47703646的博客

07-13

529

1. length 获取字符串的长度 var browserType = 'mozilla'; browserType.length;//7 2. str[idx]、charAt()、charCodeAt() str[idx]属性访问charAt()方法返回字符串中指定下标（位置）的字符串charCodeAt()方法返回字符串中指定索引的字符 unicode 编码 browserType[0]; //m browserType.charAt(0); //m browserTyp...

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]. ---