js计算字符串长度包含的中文是utf8格式

计算字符串长度是 JavaScript 中常见的需求，但要注意的是在字符串中如果包含了中文字符，这时候需要使用 UTF-8 编码计算字符串的长度。下面是实现步骤：

1. 获取 UTF-8 编码的长度

对于 UTF-8 编码来说，一个中文字符占用 3 个字节。可以使用 JavaScript 的 encodeURIComponent 函数对中文字符编码，然后使用 string.length 函数获取编码后字符串长度，这样可以计算出字符串的实际长度。

function getUTF8Length(str) {
  let s = encodeURIComponent(str);
  return s.replace(/%[A-F\d]{2}/g, 'U').length;
}

// 示例一
let str1 = 'hello, 你好';
let len1 = getUTF8Length(str1);
console.log(`'${str1}' 的长度为 ${len1}`); // "'hello, 你好' 的长度为 12"

// 示例二
let str2 = 'what up, 世界';
let len2 = getUTF8Length(str2);
console.log(`'${str2}' 的长度为 ${len2}`); // "'what up, 世界' 的长度为 11"

在上述示例中，getUTF8Length 函数将输入的字符串进行 UTF-8 编码后，将编码后的字符串进行正则表达式替换处理，用单个字符代替。因为 UTF-8 编码中每个中文字符占用 3 个字节，所以一个中文字符替换为一个字符。最后得到的字符串长度即为字符串的实际长度。

2. 计算字符串中包含的中文字符数量

如果想要计算字符串中包含的中文字符的数量，需要遍历字符串中的每个字符，通过正则表达式判断该字符是否为中文字符。如果是中文字符，则累加中文字符数量。

function getChineseCount(str) {
  let count = 0;
  for (let i = 0; i < str.length; i++) {
    const charCode = str.charCodeAt(i);
    if (charCode >= 0x4e00 && charCode <= 0x9fff) {
      count++;
    }
  }
  return count;
}

// 示例一
let str1 = 'hello, 你好';
let cnt1 = getChineseCount(str1);
console.log(`'${str1}' 中包含了 ${cnt1} 个中文字符`); // "'hello, 你好' 中包含了 2 个中文字符"

// 示例二
let str2 = 'what up, 世界';
let cnt2 = getChineseCount(str2);
console.log(`'${str2}' 中包含了 ${cnt2} 个中文字符`); // "'what up, 世界' 中包含了 1 个中文字符"

在上面的示例中，getChineseCount 函数遍历字符串中的每个字符，计算其中的中文字符数量。由于中文字符 Unicode 编码在 0x4e00~0x9fff之间，因此可以通过范围判断来确定是否为中文字符。如果是中文字符，就将计数器增加 1。