JS字符串长度判断,超出进行自动截取的实例(支持中文)

实现JS字符串长度判断并进行自动截取支持中文的方法主要涉及以下步骤：

1. 获取字符串长度
   JavaScript中获取字符串长度的方法是通过字符串的length属性获取，例如 var str = 'Hello World'; console.log(str.length); // 11

2. 判断是否超出限制
   根据所需的字符串长度限制和当前字符串长度，可以使用if语句或三元运算符来判断是否超出限制，例如：

if (str.length > limit) {
// 超出限制，进行截取
} else {
// 未超出限制，不进行截取
}

1. 进行自动截取
   如果超出限制需要进行自动截取，可以使用JavaScript的字符串截取方法substr()来实现截取，例如：

var truncatedStr = str.substr(0, limit);

1. 处理中文字符
   由于中文字符占用的字符数不同于英文字符，所以在进行字符串长度限制时需要特别处理中文字符，以确保截取的字符串长度不会超过限制。一个常见的方法是利用JavaScript的正则表达式，通过判断字符是否为中文字符来计算所需字符数，例如：

var chineseRegex = /[^\u4e00-\u9fa5]/; // 匹配所有非中文字符

function getCharCount(str) {
var len = str.length;
var count = 0;

for (var i = 0; i < len; i++) {
if (chineseRegex.test(str[i])) {
count += 1;
} else {
count += 0.5; // 英文字符等价于0.5个中文字符
}
}

return Math.floor(count);
}

下面是两个示例说明：

1. 截取标题，保留前10个字符，多余部分用省略号代替

var title = '这是一个标题 This is a title';
var limit = 10;
var truncatedTitle;

if (getCharCount(title) > limit) {
  truncatedTitle = title.substr(0, limit) + '...';
} else {
  truncatedTitle = title;
}

console.log(truncatedTitle);

输出结果为"这是一个标题..."

1. 截取内容，保留前60个字符，多余部分用省略号代替

var content = '这是一份内容，包含中英文字符。This is a content with chinese and english characters.';
var limit = 60;
var truncatedContent;

if (getCharCount(content) > limit) {
  truncatedContent = content.substr(0, limit) + '...';
} else {
  truncatedContent = content;
}

console.log(truncatedContent);

输出结果为"这是一份内容，包含中英文字符。This is a content with chi..."