javascript_按字节截取、计算中英文混合字符串字节数

最新推荐文章于 2024-05-26 22:59:15 发布
转载 最新推荐文章于 2024-05-26 22:59:15 发布 · 608 阅读 · 0
文章标签：

#javascript #null

本文介绍了一种计算字符串字节长度的方法，通过JavaScript函数实现，适用于包含中文字符的情况。示例代码展示了如何计算一个含有中文的字符串的字节数。
<html>
<head>
<script>
function lenByte(tempvalue){
if(tempvalue==null || tempvalue.length==0 || tempvalue=="")  
{  
return 0;  
}else{
 
var i,sum;     
sum=0;     
for(i=0;i<tempvalue.length;i++)     
{     
 if ((tempvalue.charCodeAt(i)>=0) && (tempvalue.charCodeAt(i)<=255))     
sum=sum+1;     
  else
sum=sum+2;     
}
return sum;
}
}
</script>
</head>
<body>
<script>
var str = "中华人民共和国中华人民共和国中华人民共和";
alert(str.length);
alert(lenByte(str));
</script>
</body>

</html>


来源：http://blog.youkuaiyun.com/zlcoy_1/article/details/7245818

JS按字节截取字符长度实例
10-26
通过以上的知识点，我们可以了解到按字节截取字符串在JavaScript编程中是一个重要的应用场景，特别是在处理中文等多字节字符时，它能够保证字符串截取的正确性和准确性。提供的代码示例和方法对处理类似的字符串操作...
js截取中英文字符串、标点符号无乱码示例解读
10-26
文章标题《js截取中英文字符串、标点符号无乱码示例解读》和描述《主要介绍了如何js截取中英文字符串、标点符号无乱码,需要的朋友可以参考下》为我们提供了关键信息：这篇文章将向我们展示如何使用JavaScript（简称...
计算中英文混合字符串长度js函数
zz02111的博客
09-12 195
function cnLength(Str) { var escStr = escape(Str); var numI = 0; var escStrlen = escStr.length; for (i = 0; i &lt; escStrlen; i++) if(escStr.charAt(i) == '%...
javascript 正确截取单字节和双字节混和字符串的方法
weixin_30246221的博客
12-19 162
function substr(str, len){ if(!str || !len){ return ''; } //预期计数：中文2字节，英文1字节 var a = 0; //循环计数 var i = 0; //临时字串 var temp = ''; for(i=0;i<str.length;i++){ if (str.charCodeAt...
JS 获取中英字符串字节长度
weixin_34138139的博客
04-13 155
正则匹配中文字： 这里限定中文字的范围，一般的使用是没什么问题的。如果要求十分严格的话，那么就只能使用更加严谨的代码匹配了 1：/([^\u0000-\u00FF])/g 2：/[^\x00-\xff]/ig 下面是网上查到的两种写法： http://www.uw3c.com/jsviews/js62.html 方法一function getBt(str){ var ch...
js 字符串截取（包含中英文）
ole_triangle_java的博客
12-27 1492
$(function(){ debugger; var str ="我是大好人"; var str = "1234567890"; var len = 3; var a = subString(str, len); alert(a); function subString(str, len) { debugger; var newLength = 0;
javascript截取中英文混排字符串
leemjl的专栏
11-22 1017
/** * 截取指定长度的字符串（中英文混合）* @author xwl * @param String str 要截取的字符串* @param Int start 起始位置 * @param Int length 截取长度* @return String 截取以后字符串 **/ function cutString(str,start,len){  var ilen = start + len;
javascript截取字符串(通过substring实现并支持中英文混合)
10-27
本文将探讨在JavaScript中如何使用substring()和substr()方法截取字符串，并特别针对中英文混合的字符串提供解决方案。字符串截取是编程中的一项基础操作，它允许我们从一个给定的字符串中提取特定部分的字符序列。 ...
JS判断字符串字节数并截取长度的方法
10-22
因此，当处理包含中英文混合的字符串时，如果仅以字符数作为长度限制的依据可能会导致实际字节超出预期。这就要求我们进行字节级别的检查。 在给出的示例中，作者展示了一个名为`notifyTextLength`的函数，这个函数...
js 根据字节截取
weixin_30266885的博客
04-06 484
目的：按照字节截取字符串 （中文两个字节，英文一个字节） 实现： 假设截取8个字节 首先获得按字节截取时，应该截取的实际字符长度 //字节截取长度 function getBlength(str){ var l=str.length; var n=0; for(var i=0;i<l;i++){ n += str.charCo...
js通过字节长度截取中英文混合字符串
weixin_34186128的博客
02-15 155
2019独角兽企业重金招聘Python工程师标准>>> ...
javascript获取中英文混合字符串的长度方法
花非花雾非雾物语人生
08-18 831
javascript获取中英文混合字符串的长度方法
取指定长度的字符串(包括中英文),以"..."的方式显示
weixin_34336292的博客
10-27 205
InfoZone={ getShow:function(str) { if(str.getBytes() <= 42) { return str; } str = str.getLeftStr(40,"."); return str; } } 转载于:https://www...
【前端笔试】JS中字符串的截取
前端之路
09-16 2842
字符串对象有三个方法都可以用来截取，分别是 slice,substr和substring；当有两个参数时slice和substring接收的是起始位置和结束位置(start+end不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度(start+length)。 var test = ‘hello world’; test.slice(4,7); /
JavaScript循环结构学习（学习日记六）
MX_muxiao的博客
11-24 470
循环语句用于重复执行某个操作，它有多种形式。 一、while循环 - 要有个结束条件，有一个计数器，迭代条件（怎么计数的) - while语法： var 计数器的名字 = 0; 当循环条件为true时，执行循环体； 当循环条件为false时，结束循环。 while(循环条件) { 执行循环体; ...
js获取一个字符串的字节长度
ding43930053的专栏
03-15 912
正则表达示 /[\u4e00-\u9fa5]/g 的 g必须要，global，全部都要检查的意思。charCodeAt(i) : 获取字符串的num位置的字符的unicode编码。fromCharCode(i) : 获取unicode编码对应的字符。[^\x0000-\x00ff]：匹配双字节字符（包括中文字）str.charAt(i) : 获取i位置的字符。方法1：把中文字替换成两个字母。[\u4e00-\u9fa5]：匹配中文字符。因为中文字占两个字节，英文占一个字节。方法2：直接判断中文，长度+2。
js计算字符串大小存储所占字节数
前端江湖
05-26 2494
在JavaScript中，计算字符串所占的大小（占用的字节数）并不直接，但可以通过一些方法间接得到。我们需要知道一个前提，英文字母lenght和字节数是一样的：都是1，而中文lenght=1字节数=2。因此，需要把中文字符的字节数计算出来，方法如下。
js实现字节截取（可同时含有中英文）
gladys_1111的博客
03-14 963
// 字符串截取 包含对中文处理 function byteCut (str, n) { // str： 被截取字符串；n：截取长度 if (str.replace(/[\u4e00-\u9fa5]/g, '**').length &lt;= n) { // 如果本身传入的字符串长度小于所需截取长度，则直接返回该字符串，无需截取 return str; ...
vue2中截取指定长度字符串
最新发布
05-29
<think>好的，用户想在Vue2中实现字符串截取到指定长度的功能，我需要详细解答并提供示例。首先，用户的问题可能涉及到前端显示限制，比如在列表或卡片中显示部分文本，超出部分用省略号代替。根据用户提供的引用，特别是引用[3]和引用[4]，提到了JavaScript的字符串方法如substring、substr、slice，以及Vue中如何操作字符串。首先，我需要确定在Vue2中如何正确使用这些方法。Vue的模板语法支持直接调用JavaScript方法，所以可以在插值表达式中使用。例如，{{ text.slice(0,10) }}。但需要注意截取后的字符串添加省略号的情况，比如当字符串超过指定长度时才添加，否则保持原样。然后，考虑到用户可能需要一个更灵活的方法，比如一个自定义过滤器或方法，这样可以在多个地方复用。引用[5]中提到了在Vue中拼接变量和字符串，使用模板字符串，这可能对处理截取后的字符串拼接有帮助。 另外，用户可能还需要处理中英文混合的情况，因为引用[2]提到字符串长度和宽度不同，可能涉及字符宽度计算，但用户当前的问题可能暂时不需要这么复杂，先专注于字符长度的截取。不过，可能需要提到这一点作为扩展。接下来，我需要整理出几种方法：直接在模板中使用slice，使用计算属性，使用自定义过滤器，以及在方法中处理。同时，要给出每种方法的示例代码，并说明它们的适用场景。 还要注意，用户可能希望截取后添加省略号，所以示例中需要包括条件判断，当字符串长度超过指定长度时才添加。例如，使用三元表达式。最后，生成相关问题，可能涉及字符串处理的其他方面，比如多语言处理、性能优化等，帮助用户深入理解。</think>### Vue2中实现字符串截取到指定长度的4种方法 #### 方法一：直接在模板中使用slice方法 ```html <template> <div>{{ originText.slice(0, maxLength) }}{{ originText.length > maxLength ? '...' : '' }}</div> </template> <script> export default { data() { return { originText: '这是一个需要截取的超长示例文本', maxLength: 10 } } } </script> ``` *特点：简单直接，适用于简单场景[^3][^4]* #### 方法二：使用计算属性（推荐） ```html <template> <div>{{ truncatedText }}</div> </template> <script> export default { data() { return { originText: 'Vue.js字符串截取最佳实践', maxLength: 8 } }, computed: { truncatedText() { return this.originText.length > this.maxLength ? this.originText.substr(0, this.maxLength) + '...' : this.originText } } } </script> ``` *特点：响应式更新，逻辑与视图分离[^4]* #### 方法三：自定义过滤器 ```javascript // main.js Vue.filter('truncate', function (value, length) { if (!value) return '' value = value.toString() return value.length > length ? value.substring(0, length) + '...' : value }) // 组件中使用 <template> <div>{{ originText | truncate(15) }}</div> </template> ``` *特点：全局复用，管道式语法[^5]* #### 方法四：带字符宽度计算的截取（中英文混合） ```javascript methods: { truncateByWidth(str, maxWidth) { let width = 0 let result = '' for(let char of str) { width += /[\u4e00-\u9fa5]/.test(char) ? 2 : 1 // 中文算2个字符宽度 if(width > maxWidth) break result += char } return result + (width > maxWidth ? '...' : '') } } // 使用示例 {{ truncateByWidth(originText, 20) }} ``` *特点：考虑中文双字节字符的显示宽度[^2]* ### 不同截取方法对比表 | 方法 | 语法特点 | 适用场景 | |-------------|----------------------------------|--------------------------| | slice() | 参数为开始/结束索引 | 精确控制字符位置 | | substr() | 参数为开始位置/截取长度 | 需要指定截取长度时 | | substring() | 参数为开始/结束索引（自动排序） | 忽略参数顺序的场景 | ### 最佳实践建议 1. **响应式更新**：使用计算属性确保数据变化时自动更新 2. **国际化处理**：使用字符宽度计算方法处理多语言混合场景 3. **性能优化**：对于长文本建议在服务端预处理 4. **省略号控制**：使用CSS`text-overflow: ellipsis`实现更优雅的截断 ```css /* CSS截断方案（固定宽度容器） */ .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值