一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JS实现含有中文字符串的友好截取功能分析

时间:2017-06-22 编辑:简简单单 来源:一聚教程网

在显示字符串的时候,避免字符串过长往往会对字符串进行截取操作,通常会用到js 的 substr 或者 substring方法, 以及 字符串的length属性

对于非中文的字符串处理是很简单的,但是中文字符的 length  属性值 是1  而不是 2 ,所以处理就不是很友好了。

例如  你有一个字符串  1234567890   和  一二三四五六七八九零,

你只想显示五位长度,往往会这样操作  str = str.substr(0, 5);

但是 12345  与 一二三四五 所占的宽度是不同的,因为中文往往占2字节, 为了显示效果更好,

故封装下面的js, 他会辨别中文字符的 length 为2

 

 代码如下 复制代码

$.String.Substr =function(str, n) {//字符串截取 包含对中文处理

  if(str.replace(/[\u4e00-\u9fa5]/g,"**").length <= n) {

    returnstr;

  }

  else{

    varlen = 0;

    vartmpStr ="";

    for(vari = 0; i < str.length; i++) {//遍历字符串

      if(/[\u4e00-\u9fa5]/.test(str[i])) {//中文 长度为两字节

        len += 2;

      }

      else{

        len += 1;

      }

      if(len > n) {

        break;

      }

      else{

        tmpStr += str[i];

      }

    }

    returntmpStr +" ...";

  }

};

 

热门栏目