如何通过编程获取IndexedDB中各objectStore的当前数据大小？

当然可行！虽然IndexedDB没有直接提供获取单个ObjectStore大小的原生API，但我们可以通过遍历记录并计算字节数的方式来实现这个需求。下面我会详细拆解具体的实现步骤和注意事项。

核心思路 #

遍历目标ObjectStore中的所有记录，计算每条记录的字节大小并累加，最后将总字节数转换为MB/GB这类易读的单位。需要注意的是，这种方法对于数据量极大的ObjectStore可能会有一定耗时，建议放在异步任务中执行，避免阻塞页面主线程。

完整实现代码 #

下面是一个封装好的Promise函数，你可以直接复用：

function getObjectStoreSize(dbName, storeName) {
  return new Promise((resolve, reject) => {
    // 打开目标数据库
    const openRequest = indexedDB.open(dbName);

    openRequest.onsuccess = (event) => {
      const db = event.target.result;
      // 创建只读事务（避免修改数据）
      const transaction = db.transaction(storeName, 'readonly');
      const objectStore = transaction.objectStore(storeName);

      // 先获取记录总数（可选，用于进度提示）
      const countRequest = objectStore.count();
      countRequest.onsuccess = () => {
        console.log(`开始计算 ${storeName} 的数据大小，共 ${countRequest.result} 条记录`);
        
        let totalBytes = 0;
        // 打开游标遍历所有记录
        const cursorRequest = objectStore.openCursor();

        cursorRequest.onsuccess = (cursorEvent) => {
          const cursor = cursorEvent.target.result;
          if (cursor) {
            // 将记录转为JSON字符串，再计算字节数（UTF-8编码）
            const recordStr = JSON.stringify(cursor.value);
            const encoder = new TextEncoder();
            const recordByteSize = encoder.encode(recordStr).length;
            
            totalBytes += recordByteSize;
            // 继续遍历下一条记录
            cursor.continue();
          } else {
            // 遍历完成，转换单位
            const kb = totalBytes / 1024;
            const mb = kb / 1024;
            const gb = mb / 1024;

            let sizeDisplay;
            if (gb >= 1) {
              sizeDisplay = `${gb.toFixed(2)} GB`;
            } else if (mb >= 1) {
              sizeDisplay = `${mb.toFixed(2)} MB`;
            } else {
              sizeDisplay = `${kb.toFixed(2)} KB`;
            }

            console.log(`${storeName} 的数据大小：${sizeDisplay}`);
            db.close();
            // 返回计算结果
            resolve({
              storeName,
              totalBytes,
              sizeDisplay
            });
          }
        };

        cursorRequest.onerror = (err) => {
          console.error('遍历记录时出错：', err);
          db.close();
          reject(err);
        };
      };

      countRequest.onerror = (err) => {
        console.error('获取记录总数时出错：', err);
        db.close();
        reject(err);
      };
    };

    openRequest.onerror = (err) => {
      console.error('打开数据库时出错：', err);
      reject(err);
    };
  });
}

调用示例 #

// 替换成你的数据库名和ObjectStore名
getObjectStoreSize('myAppDB', 'userData')
  .then(result => {
    console.log('计算完成：', result);
    // 这里可以把结果展示到页面上
  })
  .catch(error => {
    console.error('计算失败：', error);
  });

注意事项 #

• 精度说明：用JSON.stringify转换记录可能会改变部分数据的格式（比如Date对象会转为字符串），如果需要极致精确的字节数，可以研究结构化克隆算法的字节计算方式，但对于大部分业务场景，上述方法已经足够。
• 性能优化：如果ObjectStore中有上万条甚至更多记录，一次性遍历可能会占用较多内存。你可以考虑分批次处理，或者使用getAll()方法批量获取记录（注意内存上限）。
• 兼容性：TextEncoder是现代浏览器普遍支持的API，如果需要兼容旧版浏览器，可以用unescape(encodeURIComponent(recordStr)).length来替代字节数计算。

如果需要获取整个数据库的总大小，只需要遍历数据库中所有的ObjectStore名称，依次调用上述函数然后累加结果即可。

内容的提问来源于stack exchange，提问作者kochizufan