JS字符串长度判断和自动截取实例

在前端开发中，我们经常需要对用户输入的字符串进行长度限制。在一些场景下，如果超出了指定的长度，需要进行自动截取操作。本文将介绍如何使用JavaScript进行字符串长度判断和自动截取，并提供支持中文的完整示例代码。

字符串长度的计算方法

在JavaScript中，可以使用 length 属性来获取一个字符串的长度。例如：

----- --- - ------ -------
------------------------ -- -- --

但是，需要注意的是，对于包含中文字符的字符串，由于中文字符占用的字节数不同于英文字符，所以直接使用 length 属性得到的长度可能不准确。例如：

----- --- - --------
------------------------ -- -- -

在上面的代码中，虽然字符串中只有四个字符，但是由于每个中文字符占用了两个字节，所以得到的长度为7。因此，在进行字符串长度计算时，需要区分中英文字符，并根据实际情况进行计算。

判断字符串是否超过指定长度

在进行字符串长度判断时，我们可以通过比较字符串的实际长度和指定长度来判断是否超出限制。下面给出一个函数 isOverLength(str, len) 来判断一个字符串 str 是否超过指定长度 len：

-------- ----------------- ---- -
  --- ---------- - --
  ------- - - -- - - ----------- ---- -
    ----- -------- - ------------------
    ----------- -- - -- -------- -- ---- -
      ---------- -- --
    - ---- -
      ---------- -- --
    -
  -
  ------ ---------- - ----
-

在上面的代码中，我们首先定义一个计数器 realLength，然后遍历字符串的每个字符，并根据字符的 ASCII 编码值来判断是英文字符还是中文字符。如果是英文字符，则将计数器加1；如果是中文字符，则将计数器加2。最后，比较计数器的值是否大于指定的长度即可。

自动截取超过长度的字符串

当一个字符串超出了指定长度时，我们需要对其进行自动截取操作。为了保证截取后的字符串不会出现乱码或半个汉字等问题，我们需要根据实际情况进行截取，并且在截取完成后添加省略号以表示被截取。下面给出一个函数 autoSubstring(str, len) 来自动截取超过长度的字符串：

-------- ------------------ ---- -
  --- ------ - ---
  --- ---------- - --
  ------- - - -- - - ----------- ---- -
    ----- -------- - ------------------
    ----------- -- - -- -------- -- ---- -
      ---------- -- --
    - ---- -
      ---------- -- --
    -
    ------------- -- ---- -
      ------ -- -------
    - ---- -
      ------
    -
  -
  ------------- - ---- -
    ------ - ------------------- ------------- - -- - ------
  -
  ------ -------
-

在上面的代码中，我们首先定义一个空字符串 result 来存储截取后的结果，然后遍历字符串的每个字符，并根据字符的 ASCII 编码值来判断是英文字符还是中文字符。同时，我们也需要记录字符串的实际长度。如果当前字符加上之前已经遍历过的字符的长度小于等于指定长度，则将其添加到结果字符串中；否则，停止遍历，并在结果字符串末尾添加省略号。

完整支持中文的示例代码

下面给出完整支持

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/1580