js计算字符串长度，中文2个长度，英文算1个

    我爱模板网在做今日周边项目时，遇到一个奇葩的需求：输入框输入文字，如果是汉字和中文标点，就算两个长度，如果是英文就算一个长度。而且，输入框要限制：纯中文，就限制10个，超出截断，中文+英文混写或者纯英文，就限制20个，超出截断。之前我爱模板网写过一个有点类似的：js截取等长的英文和中文字符串 https://5.jimth.com/jiaocheng/jquery/201907013590.html
    首先是计算问题，我爱模板网在网上找到了下面几个方法，都还不错：

方法一：

String.prototype.gblen = function() {  
  var len = 0;  
  for (var i=0; i<this.length; i++) {  
    if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) {  
       len += 2;  
     } else {  
       len ++;  
     }  
   }  
  return len;  
}

方法二：

function strlen(str){
    var len = 0;
    for (var i=0; i<str.length; i++) {
     var c = str.charCodeAt(i);
    //单字节加1
     if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
       len++;
     }
     else {
      len+=2;
     }
    }
    return len;
}

方法三：

var jmz = {};
jmz.GetLength = function(str) {
  ///<summary>获得字符串实际长度，中文2，英文1</summary>
  ///<param name="str">要获得长度的字符串</param>
  var realLength = 0, len = str.length, charCode = -1;
  for (var i = 0; i < len; i++) {
    charCode = str.charCodeAt(i);
    if (charCode >= 0 && charCode <= 128) realLength += 1;
    else realLength += 2;
  }
  return realLength;
};

方法四：

var l = str.length;
var blen = 0;
for(i=0; i<l; i++) {
if ((str.charCodeAt(i) & 0xff00) != 0) {
blen ++;
}
blen ++;
}

方法五：把双字节的替换成两个单字节的然后再获得长度
getBLen = function(str) {
  if (str == null) return 0;
  if (typeof str != "string"){
    str += "";
  }
  return str.replace(/[^\x00-\xff]/g,"01").length;
}

至于实现字符超出截断，请看下面代码：

<input placeholder="在此输入备注"  value="{{value}}" focus="true" bindinput="inputValue" maxlength="20"></input>

data: {
  value: '',
  valueLength:0,
},

inputValue: function (e) {
  var val = e.detail.value;
  var len = this.strlen(val);
  if(len>20){
    val = val.substring(0, this.strAt(val));
  }
  this.setData({
    valueLength: this.strlen(val),
    value: val,
    showClear: val.length>0
  })
},
strlen: function(str){
  var len = 0;
  for(var i = 0; i<str.length; i++) {
    var c = str.charCodeAt(i);
    if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
      len++;
    } else {
      len += 2;
    }
  }
  return len;
},
//计算超过20的那个字符所在的索引
strAt(str){
  var pos = 0;
  var len = 0;
  for (var i = 0; i < str.length; i++) {
    var c = str.charCodeAt(i);
    if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
      len++;
    } else {
      len += 2;
    }
    if(len>20){
      return pos;
    }else{
      pos++;
    }
  }
},