如何在JavaScript中设置和读取sessionStorage和localStorage？

在JavaScript中，`sessionStorage` 和 `localStorage` 是两种用于在浏览器会话期间存储数据的本地存储机制。它们的区别在于：

- `sessionStorage` 保存的数据只会在当前会话（即同一窗口或标签页）存在，关闭浏览器或标签页后数据会被清除。
- `localStorage` 则持久化存储，即使在关闭浏览器后，数据也会保留，直到手动清除。

下面是设置和读取这两个存储的简单示例：

### 设置数据
1. 使用 `setItem()` 方法存储键值对：

   // sessionStorage 示例
   sessionStorage.setItem('username', 'JohnDoe');

   // localStorage 示例
   localStorage.setItem('cartItems', JSON.stringify([{ item: 'apple', quantity: 3 }])); // 存储JSON格式数据

### 读取数据
2. 使用 `getItem()` 方法获取特定键的数据：

   // 从 sessionStorage 获取
   const sessionStorageUsername = sessionStorage.getItem('username');
   console.log(sessionStorageUsername); // 输出：'JohnDoe'

   // 从 localStorage 获取
   const cartItemsStr = localStorage.getItem('cartItems');
   if (cartItemsStr) {
     const cartItems = JSON.parse(cartItemsStr); // 解析成对象
     console.log(cartItems);
   }

### 删除数据
3. 使用 `removeItem()` 方法删除存储的数据：

   // 删除 sessionStorage 中的值
   sessionStorage.removeItem('username');

   // 删除 localStorage 中的值
   localStorage.removeItem('cartItems');

### 清空整个存储
4. 若要清空整个存储，可以使用 `clear()` 方法：

   // 清空 sessionStorage
   sessionStorage.clear();

   // 清空 localStorage
   localStorage.clear();