获取所有本地存储

在 Web 开发中，本地存储是指浏览器提供的通过 JavaScript 访问的一种客户端存储机制。通常包括 Web Storage 和 IndexedDB 两种。本文将介绍如何使用 JavaScript 获取所有本地存储。

获取 Web Storage

localStorage

localStorage 是 HTML5 提供的一种本地存储方式，对于存储相对较小的数据非常方便。可以通过以下代码来获取所有的 localStorage：

const localStorageItems = {};
for (let i = 0; i < localStorage.length; i++) {
  const key = localStorage.key(i);
  const value = localStorage.getItem(key);
  localStorageItems[key] = value;
}
console.log(localStorageItems);

sessionStorage

sessionStorage 与 localStorage 类似，也是一种 HTML5 提供的本地存储方式。不过，它不同于 localStorage 的是，当用户关闭浏览器时，存储在 sessionStorage 中的数据也会被清空。可以通过以下代码来获取所有的 sessionStorage：

const sessionStorageItems = {};
for (let i = 0; i < sessionStorage.length; i++) {
  const key = sessionStorage.key(i);
  const value = sessionStorage.getItem(key);
  sessionStorageItems[key] = value;
}
console.log(sessionStorageItems);

获取 IndexedDB

IndexedDB 是另一种客户端存储机制，它比 Web Storage 更加强大，可以存储更大的数据量以及更加结构化的数据。以下是获取所有 IndexedDB 的代码片段：

const dbNames = [];
const request = window.indexedDB.databases();
request.onsuccess = (event) => {
  const result = event.target.result;
  for (let i = 0; i < result.length; i++) {
    dbNames.push(result[i].name);
  }
  console.log(dbNames);
};

以上就是获取所有本地存储的方式。根据不同的需求可以选择不同的存储机制，获取存储数据也有不同的方法。请根据实际情况进行选择。