sessionStorage缓存数组，怎么实现

`sessionStorage` 是浏览器提供的一种存储机制，主要用于在用户会话期间保存数据。它不会像 `localStorage` 那样持久化，当浏览器窗口关闭或标签页刷新时，其中的数据会被清除。如果你想要在 `sessionStorage` 中存储和管理数组，你可以按照以下步骤操作：

1. **添加数据**:

   // 创建一个数组
   const myArray = ['item1', 'item2', 'item3'];
   
   // 使用 JSON.stringify 将数组转换为字符串并存储
   sessionStorage.setItem('myArrayKey', JSON.stringify(myArray));

2. **检索数据**:

   // 从 `sessionStorage` 获取数据
   let retrievedArray = JSON.parse(sessionStorage.getItem('myArrayKey'));
   if (retrievedArray) {
     console.log(retrievedArray); // 打印数组内容
   }

3. **更新数组**:
如果需要更新数组，先删除旧数据再存入新数据即可：

   const updatedArray = ['newItem1', 'newItem2'];
   sessionStorage.removeItem('myArrayKey');
   sessionStorage.setItem('myArrayKey', JSON.stringify(updatedArray));

4. **清理缓存**:
当不需要数组时，可以手动清除 `sessionStorage` 的键值对：

   sessionStorage.removeItem('myArrayKey');

注意，由于 `sessionStorage` 存储的是字符串，因此不适合直接存储大型复杂结构的对象，如嵌套数组。此外，因为每个域（origin）都有其独立的 `sessionStorage`，所以跨域操作无法直接共享数组。