js计算字符串大小存储所占字节数

在JavaScript中，计算字符串所占的大小（占用的字节数）并不直接，但可以通过一些方法间接得到。
我们需要知道一个前提，英文字母 lenght 和字节数是一样的：都是1，而中文 lenght=1，字节数=2。因此，需要把中文字符的字节数计算出来，方法如下。

一、利用 Blob 对象

把字符串装入 Blob 对象中，该Blob对象的size属性就是字符串的大小。

function getStringSize(str) {
  return new Blob([str]).size
}

// test
console.log(getStringSize('a一'))
// 4

Blob是一个装着二进制数据的容器对象。Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。

Blob 构造函数主要有两个参数：

参数一：存放文件原始数据的可迭代对象，一般放数组。数组中可以存放各种类型的文件数据格式，例如Buffer、Blob、String等等。

Blob 属性：

size：只读属性，Blob中的字节数。

二、利用字符串替换

计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

// 原理：把中文字符替换成2个英文字母，那么字节数就是2
// \u0000这个表示的是unicode编码
function getStringSizeByReplace(str) {
  // 匹配双字节字符(包括汉字在内)：[^\u0000-\u00ff]
  return str.replace(/[^\u0000-\u00ff]/g, 'aa').length
}

// test
console.log(getStringSizeByReplace('a一'))
// 3

转为更常见的存储单位 MB KB

// 将字节长度转换为千字节（KB）
function b2k(bytes) {
  return bytes / 1024
}

// 将字节长度转换为兆字节（MB）
function b2m(bytes) {
  return bytes / (1024 * 1024)
}

字符串存储大小的应用

计算localstorage最大存储容量、已用容量、剩余容量。