JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)

下面是详细的攻略：

问题背景

在前端开发中，我们经常需要控制用户输入的字符串长度。而一些中文字符在计算长度时需要算作2个字符，而英文字母和数字只算作一个字符，因此需要一种准确计算字符串长度的方法。

解决方案

我们可以通过遍历字符串的每个字符，对于中文字符的长度算作2，英文字母和数字的长度算作1，最后累加每个字符的长度来得到字符串的实际长度。

示例代码

以下是示例代码:

function getStrLength(str) {
  var len = 0;
  for (var i = 0; i < str.length; i++) {
    var c = str.charCodeAt(i);
    // 中文字符判断
    if ((c >= 0x4e00 && c <= 0x9fa5) || (c >= 0xff00 && c <= 0xffef)) {
      len += 2;
    } else {
      len += 1;
    }
  }
  return len;
}

var str = 'Hello World! 你好，世界！';
console.log(getStrLength(str)); // output: 27

如上述代码所示，我们定义一个名为 getStrLength 的函数，函数的参数 str 表示要计算长度的字符串。在函数中，我们遍历每个字符，使用 charCodeAt 方法获取字符的 Unicode 编码，对中文字符和英文字符分别进行计算，最后累加求出字符串的长度。至此，我们便得到了一个能够准确计算字符串长度的函数。

更多示例

以下是示例代码，展示更多的字符串长度计算：

var str1 = 'Hello World!'; // 字符串长度为12
console.log(getStrLength(str1)); // output: 12

var str2 = '你好，世界！';   // 字符串长度为8（中文字符算2个字符）
console.log(getStrLength(str2)); // output: 8

var str3 = 'Hello 世界! 123'; // 字符串长度为16（其中有空格，中文字符算2个字符，英文字符和数字算1个字符）
console.log(getStrLength(str3)); // output: 16

总结

通过以上的解决方案，我们得到了一种能够准确计算字符串长度的方法，能够适用于大多数字符串场景。同时，我们也可以根据需求扩展代码，以便适应更多的应用场景。