如何在 JavaScript 中获取字符串的字节长度？

在本教程中，我们将学习如何在 JavaScript 中获取字符串的字节长度。在深入了解之前，我们应该了解什么是字节。

字节是数据单位，长度为 8 个二进制位，即 1 个字节最多可以容纳 8 个二进制数据位。

字节是大多数计算机用来表示字符（如字母、数字或印刷符号）的单位。

以下是一些字符串及其字节长度的示例：

输入

"Tutorials Point"

输出

15 bytes

输入

20€

输出

5 bytes

输入

"JavaScript"

输出

10 bytes

有两种方法可以获取字符串的字节长度，如下所示：

方法 1. 使用 Blob API

在这种方法中，我们使用 Blob API 获取字符串的字节大小。Blob 允许您构建类似文件的对象并将字符串转换为数组以创建一个对象，从中我们只返回大小，这将是字节大小。

步骤

获取字符串的字节长度的步骤如下：

步骤 1 - 创建一个以字符串作为输入的函数。

步骤 2 - 现在我们将字符串传递到 Blob 中并将其存储在一个变量中

步骤 3 - 使用 size 方法查找字节大小。

步骤 4 - 返回存储在变量中的字符串的字节大小

步骤 5 - 最后，我们调用该函数并将一个字符串传递给它以获取其字节大小。

示例

我们可以使用以下代码使用 Blob API 获取字符串的大小（以字节为单位）。

<!DOCTYPE html>
<html>
<head>
   <h2> Tutorials Point </h2>
</head>
<body>
   <script>
      const byte = (str) => {
         let size = new Blob([str]).size;
         return size;
      } 
      document.write(byte("Prince"))
      document.write("</br>")
      document.write(byte("JavaScript"))
      document.write("</br>")
      document.write(byte("Byte"))
      document.write("</br>")
      document.write(byte("Tutorials Point"))
      document.write("</br>")
      document.write(byte("1024"))
   </script>
</body>
</html>

方法 2. 使用 Buffer API

这是一种用于获取字符串字节大小的特殊方法。此方法只能在 Nodejs 环境中使用，不能在浏览器中使用。在这种方法中，我们创建一个缓冲区对象，然后将字符串传递到其中，然后使用 length 属性获取字符串的字节大小。

步骤

使用缓冲区 API 获取字符串的字节长度的步骤如下：

步骤 1 - 创建一个以字符串作为输入的函数

步骤 2 - 现在我们将字符串传递到 Buffer.from() 方法中并将其存储在一个变量中

步骤 3 - 使用 .length 方法查找字符串的字节大小。

步骤 4 - 函数将返回存储在变量中的字符串的字节大小

步骤 5 - 最后，我们调用该函数并将一个字符串传递给它以获取其字节大小

示例

我们可以使用以下代码使用 Buffer API 获取字符串的大小（以字节为单位）。

<!DOCTYPE html>
<html>
<head>
   <h2> Tutorials Point </h2>
</head>
<body>
   <script>
      const byte = (str) => {
         let size = Buffer.from(str).length;
         return size;
      }
      document.write(byte("Prince"))
      document.write("</br>")
      document.write(byte("JavaScript"))
      document.write("</br>")
      document.write(byte("Byte"))
      document.write("</br>")
      document.write(byte("Tutorials Point"))
   </script>
</body>
</html>

在本教程中，我们学习了两种在 JavaScript 中获取字符串的字节长度的方法 - 使用 Blob API 和使用 Buffer API。

更新于： 2022年10月18日

3K+ 阅读量

启动你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.