JavaScript 字符串长度

JavaScript 字符串长度是指字符串中字符的个数。这个概念有时候可能会给一些程序员带来困扰，因为 JavaScript 的字符串可能包含多种字符类型，如字母、数字、汉字、符号等等，而并不是所有字符都是占用同样的空间。下面我们就来介绍一下 JavaScript 字符串长度的相关知识。

直接获取字符串长度

获取 JavaScript 字符串长度最常用的方法是使用 length 属性，如下所示：

const str = "Hello World!";
console.log(str.length); // 输出 12

对于纯英文的字符串，这种方法非常简单易用，因为所有的字符都是占用一个字节的，所以字符数量和字节数量相同。但是如果字符串中包含了多种字符类型，就不能简单地用这种方法来计算长度了。

Unicode 和字符编码

JavaScript 中的字符串是由 Unicode 编码的字符序列组成的。Unicode 是一种字符集，它规定了每个字符对应的唯一编号，称为码点。例如，汉字"中"的码点是 20013，英文字母"A"的码点是 65。

JavaScript 中的字符采用 UTF-16 编码，在内存中占用两个字节。这意味着大部分常用的字符只需要占用一个字节，但是一些较不常用的字符，如表情符号、国际音标等，却需要占用两个字节。

字符计数函数

针对不同的字符串类型，通常需要不同的方法来计算字符串长度。下面介绍几种比较常用的字符计数函数：

计算纯英文字符串长度

这种情况下，我们可以直接使用 length 属性来计算字符串长度，因为所有的字符都是占用一个字节的。

function getAsciiStringLength(str) {
  return str.length;
}

计算包含中文或其他多字节字符的字符串长度

如果要计算包含中文或其他多字节字符的字符串长度，我们需要先将字符转换成 utf-8 编码，再用 utf-8 编码长度来计算。

function getUtf8StringLength(str) {
  var len = 0;
  for (var i = 0; i < str.length; i++) {
    var code = str.charCodeAt(i);
    if (code <= 0x7f) {
      len += 1;
    } else if (code <= 0x7ff) {
      len += 2;
    } else if (code <= 0xffff) {
      len += 3;
    } else {
      len += 4;
    }
  }
  return len;
}

上面这段代码使用了 charCodeAt 方法获取每个字符的 UTF-16 码点，然后根据字符对应字节数计算出字符串长度。

计算包含表情符号的字符串长度

如果要计算包含表情符号的字符串长度，那么就需要使用 emoji-regex 包中提供的正则表达式来判断是否包含表情符号，然后再根据字符对应字节数计算字符串长度。

var emojiRegex = require("emoji-regex/RGI_Emoji.js");

function getEmojiStringLength(str) {
  var len = 0;
  var matches = str.match(emojiRegex());
  if (matches) {
    len += matches.length;
  }
  for (var i = 0; i < str.length; i++) {
    len += /[^\x00-\xff]/.test(str[i]) ? 2 : 1;
  }
  return len;
}

上面这段代码使用了 emoji-regex 包中的正则表达式来判断是否包含表情符号，然后再按照字节数计算字符串长度。

总结

JavaScript 字符串长度的计算可能比较复杂，针对不同的字符串类型需要采用不同的方法来计算长度。一般来说，如果字符串只包含英文字母和数字，则可以直接使用 length 属性进行计算。如果字符串中包含中文或其他多字节字符，则需要使用字符计数函数来计算长度。而如果字符串中还包含表情符号等特殊字符，则需要使用类似 emoji-regex 包提供的正则表达式来判断是否包含特殊字符，并根据字节数计算字符串长度。