js截取固定长度的中英文字符的简单实例

下面是“js截取固定长度的中英文字符的简单实例”的完整攻略：

一、问题描述

在开发中，我们常常需要截取给定字符串中的前若干个字符，但是中英文字符长度不同，因此需要针对英文字符和中文字符采用不同的截取方式。

二、解决方案

1. 利用charCodeAt方法

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。通过判断字符的Unicode编码来区分中英文字符。

function cutString(str, len) {
  let str_len = str.length;
  let cut_str_len = 0;
  let cut_str = '';
  for (let i = 0; i < str_len; i++) {
    if (str.charCodeAt(i) > 255) {
      cut_str_len += 2;
    } else {
      cut_str_len++;
    }
    cut_str += str.charAt(i);
    if (cut_str_len >= len) {
      return cut_str;
    }
  }
  return cut_str;
}

该函数的第一个参数为给定的字符串，第二个参数为需要截取的字符数。

2. 利用正则表达式

利用正则表达式，可以把中文字符和英文字符分别匹配出来，并进行截取。

function cutString(str, len) {
  let m = Math.floor(len/2);
  let reg = new RegExp(`^[\u4E00-\u9FA5]{0,${m}}|^[^\u4E00-\u9FA5]{0,${len}}`);
  let result = str.match(reg);
  return result[0];
}

该函数的第一个参数为给定的字符串，第二个参数为需要截取的字符数。利用 Math.floor()函数可以求出中英文字符分界的位置，然后利用正则表达式匹配并返回结果。

三、示例

1. 使用charCodeAt方法

let str = "Here's looking at you, kid.";
let cut_str = cutString(str, 15);
console.log(cut_str);   // Here's looking

上述例子中，需要对字符串"Here's looking at you, kid."截取前15个字符，利用cutString()函数采用charCodeAt方法进行截取。运行结果为"Here's looking"，符合预期。

2. 使用正则表达式

let str = "这是一个用于测试的字符串abc";
let cut_str = cutString(str, 10);
console.log(cut_str);   // 这是一个用

上述例子中，需要对字符串"这是一个用于测试的字符串abc"截取前10个字符，利用cutString()函数采用正则表达式进行截取。运行结果为"这是一个用"，符合预期。

四、总结

在本文中，我们介绍了两种方法来实现截取固定长度的中英文字符。利用JS提供的charCodeAt()函数和正则表达式对中英文字符进行区分，可以实现方便快捷的截取字符串。