[JavaScript知识库]JS计算字符长度

• 一个汉字 2 个字符，一个字母 1 个字符
• String.charCodeAt(index) 返回指定位置的 Unicode 编码
• String.charAt(index) 返回指定索引位置的字符

/**
 * 得到字符字节长度
 * @param {*} n :长度
 */
function getStrByteLen(str) {
  let len = 0;
  for (let i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) {
      len += 2;
    } else {
      len++;
    }
  }
  return len;
}
const str = "String 类型长度";  // 定义字符串
console.log(getStrByteLen(str));  // 返回 15 个字符

• 字符串中的 length 属性获取的是字符串的长度

const str = "String 类型长度";  // 定义字符串
console.log(str.length);  // 返回 11 个字符长度

• 表单原生属性 maxlength 和 minlength 用于计算字符串的长度

<el-input v-model="textLength" type="textarea" maxlength="30" show-word-limit />