利用JS如何计算字符串所占字节数示例代码

计算字符串所占字节数是一个比较常见的需求，特别是在前端开发中经常需要通过限制字符串字节数来实现一些功能，比如限制一个输入框最多输入多少个中文字符等等。下面是利用JavaScript来计算字符串所占字节数的完整攻略。

1. 使用UTF-8编码计算字符串字节数

UTF-8是一种地球上最常用的编码方式之一，每个字符的字节数不同。在UTF-8中，一个英文字符占用1个字节，一个中文（含繁体）字符占用3个字节。因此，我们可以通过遍历字符串，计算每个字符所占的字节数来计算该字符串所占的总字节数。

以下是基于UTF-8编码的计算字符串字节数的示例代码：

function byteLengthUTF8(str) {
  let len = 0;
  for (let i = 0; i < str.length; i++) {
    const code = str.charCodeAt(i);
    if (code <= 0x007f) {
      len += 1;
    } else if (code <= 0x07ff) {
      len += 2;
    } else if (code <= 0xffff) {
      len += 3;
    } else {
      len += 4;
    }
  }
  return len;
}

上述代码首先创建了一个名为byteLengthUTF8的函数，它接受一个字符串作为参数。之后，在函数内部使用for循环遍历字符串中的每个字符，并通过charCodeAt方法获取它们的字符编码。接着，根据不同的字符编码范围计算不同的字节数，最后将所有字符占据的字节累加起来，得到字符串所占的字节数。

2. 使用GB18030编码计算字符串字节数

GB18030编码是中华人民共和国发布的国家标准，它是一种汉字编码方式，支持简体字和繁体字，并且可以表示所有的Unicode编码范围。在GB18030编码中，一个英文字符占用1个字节，一个简体中文字符占用2个字节，一个繁体中文字符占用4个字节。我们可以在此基础上，遍历字符串并计算每个字符所占据的字节数来计算字符串所占字节数。

以下是基于GB18030编码的计算字符串字节数的示例代码：

function byteLengthGB18030(str) {
  let len = 0;
  for (let i = 0; i < str.length; i++) {
    const code = str.charCodeAt(i);
    if (code <= 0x007f) {
      len += 1;
    } else if (code <= 0x7fff) {
      len += 2;
    } else {
      len += 4;
    }
  }
  return len;
}

上述代码首先创建了一个名为byteLengthGB18030的函数，它接受一个字符串作为参数。之后，在函数内部使用for循环遍历字符串中的每个字符，并通过charCodeAt方法获取它们的字符编码。根据字符编码的范围计算不同的字节数，最后将所有字符占据的字节累加起来，得到字符串所占的字节数。

注：可以根据实际需要进行选择使用UTF-8编码或GB18030编码计算字符串字节数。

以上就是计算字符串所占字节数的完整攻略，其中包括了两条示例代码演示。