使用localStorage来实现两个页面互传一个已有的集合

使用 localStorage 实现两个页面互传一个已有的集合，可以使用以下步骤：

1. 在一个页面中，将已有的集合通过 localStorage 存储到本地。

// 存储集合到本地
var mySet = new Set([1, 2, 3]);
localStorage.setItem('mySet', JSON.stringify(Array.from(mySet)));

2. 在另一个页面中，通过 localStorage 获取存储在本地的集合。

// 获取本地存储的集合
var mySet = new Set(JSON.parse(localStorage.getItem('mySet')));

3. 在两个页面中都可以对集合进行操作，操作后将集合再次存储到 localStorage 中。

// 向集合中添加元素
mySet.add(4);

// 从集合中删除元素
mySet.delete(1);

// 存储集合到本地
localStorage.setItem('mySet', JSON.stringify(Array.from(mySet)));

注意事项：

- localStorage 存储的值必须是字符串类型，因此在存储时需要将集合转换为数组，并且在获取时需要将数组转换为集合。
- localStorage 只能存储字符串类型的值，因此在存储集合时需要使用 JSON.stringify() 方法将集合转换为字符串，在获取集合时需要使用 JSON.parse() 方法将字符串转换为集合。
- 如果需要在多个页面中互传数据，可以使用同一个 localStorage 键名来存储和获取数据。