js 获取 IndexedDB 的值并且把它转为数组输出

最新推荐文章于 2024-06-11 16:43:50 发布

张续栋

最新推荐文章于 2024-06-11 16:43:50 发布

阅读量546

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_44984407/article/details/129739311

版权

如果您想把 IndexedDB 中的所有数据都拿出来，然后转换为数组格式，可以按照以下步骤操作：

打开 IndexedDB 数据库和存储对象：

let dbOpenRequest = indexedDB.open(databaseName, databaseVersion);

dbOpenRequest.onsuccess = function(event) {
  let db = event.target.result;
  let transaction = db.transaction(storeName, "readonly");
  let objectStore = transaction.objectStore(storeName);

  // 打开游标
  let cursorRequest = objectStore.openCursor();
  let data = [];

  cursorRequest.onsuccess = function(event) {
    let cursor = event.target.result;
    if (cursor) {
      // 将每一个数据对象推入数组中
      data.push(cursor.value);
      cursor.continue();
    } else {
      // 所有数据已经处理完毕，将数据数组返回
      console.log(data);
    }
  };
};

打开游标，使用 openCursor 函数遍历存储对象中的数据。

将每一个数据对象推入数组中。

当所有数据处理完毕后，将数据数组返回。

完整的代码示例如下所示：

let databaseName = "myDatabase";
let databaseVersion = 1;
let storeName = "myStore";

let dbOpenRequest = indexedDB.open(databaseName, databaseVersion);

dbOpenRequest.onsuccess = function(event) {
  let db = event.target.result;
  let transaction = db.transaction(storeName, "readonly");
  let objectStore = transaction.objectStore(storeName);

  let cursorRequest = objectStore.openCursor();
  let data = [];

  cursorRequest.onsuccess = function(event) {
    let cursor = event.target.result;
    if (cursor) {
      data.push(cursor.value);
      cursor.continue();
    } else {
      console.log(data);
    }
  };
};