用JavaScript计算在UTF-8下存储字符串占用字节数

首先，我们需要了解UTF-8编码方式对于Unicode字符的存储规则。UTF-8使用一至四个字节来表示一个Unicode字符，其中使用一个字节来存储单字节字符，使用两至三个字节来存储双字节字符，使用四个字节来存储三至四字节字符。

接下来，我们可以使用JavaScript编写一个函数来计算某个字符串在UTF-8下占用字节数，具体过程如下：

1. 将字符串转换为UTF-8编码的字节数组；
2. 遍历字节数组，对于每个字节判断其范围，并累加相应的字节数。

下面是代码示例1：

function getUtf8ByteLength(str) {
  let totalLength = 0;
  for (let i = 0; i < str.length; i++) {
    let charCode = str.charCodeAt(i);
    if (charCode < 0x80) {
      totalLength += 1;
    } else if (charCode < 0x800) {
      totalLength += 2;
    } else if (charCode < 0x10000) {
      totalLength += 3;
    } else if (charCode < 0x200000) {
      totalLength += 4;
    }
  }
  return totalLength;
}

console.log(getUtf8ByteLength('hello world')); // 11
console.log(getUtf8ByteLength('你好，世界')); // 12

另外，对于一些常见的字符集，也可以直接使用其字节数来计算字符串在UTF-8下所占字节数。例如ASCII编码下，每个字符占用一个字节，因此字符串在UTF-8下所占字节数等于字符串长度。下面是代码示例2：

function getUtf8ByteLength(str) {
  if (/^[\x00-\x7f]*$/.test(str)) {
    return str.length;
  } else {
    // 其他情况，使用通用计算方式
    let totalLength = 0;
    for (let i = 0; i < str.length; i++) {
      let charCode = str.charCodeAt(i);
      if (charCode < 0x80) {
        totalLength += 1;
      } else if (charCode < 0x800) {
        totalLength += 2;
      } else if (charCode < 0x10000) {
        totalLength += 3;
      } else if (charCode < 0x200000) {
        totalLength += 4;
      }
    }
    return totalLength;
  }
}

console.log(getUtf8ByteLength('hello world')); // 11
console.log(getUtf8ByteLength('你好，世界')); // 12
console.log(getUtf8ByteLength('abc123')); // 6

通过使用以上两个示例代码中的getUtf8ByteLength函数，我们就可以方便地计算任意一个字符串在UTF-8下所占字节数了。