### Set 数据结构及其使用方法 Set 是一种集合数据结构，用于存储唯一的值。无论是在 JavaScript 中还是其他编程语言中，Set 都提供了高效的操作方式来处理唯一的数据项。 #### 1. **JavaScript 中的 Set** 在 JavaScript 中，`Set` 对象允许你存储任何类型的唯一值，无论是原始值或是对象引用[^5]。以下是 `Set` 的主要特性： - 值是唯一的，这意味着不会存在重复的值。 - 可以轻松地添加、删除和查询元素。 - 提供了一些内置的方法来进行操作。 ##### 创建一个 Set 可以通过以下方式创建一个新的 `Set` 实例： ```javascript const mySet = new Set(); ``` ##### 添加元素到 Set 可以使用 `.add()` 方法向 `Set` 中添加新的元素： ```javascript mySet.add(1); // 添加数值 mySet.add("string"); // 添加字符串 mySet.add({key: "value"}); // 添加对象 console.log(mySet); ``` ##### 删除元素 `.delete(value)` 方法可以从 `Set` 中移除特定的值： ```javascript mySet.delete(1); // 移除数值 1 console.log(mySet.has(1)); // 输出 false ``` ##### 查询是否存在某个值 `.has(value)` 方法可以判断某值是否存在于 `Set` 中： ```javascript console.log(mySet.has("string")); // 输出 true ``` ##### 清空整个 Set `.clear()` 方法会清空所有的值： ```javascript mySet.clear(); // 清空所有元素 console.log(mySet.size); // 输出 0 ``` ##### 获取大小 `.size` 属性表示当前 `Set` 中有多少个独特的值： ```javascript console.log(mySet.size); // 返回集中的元素数量 ``` ##### 迭代器支持 `Set` 支持迭代器协议，因此可以直接遍历其中的内容： ```javascript for (let item of mySet) { console.log(item); } ``` 或者使用扩展运算符将其转换为数组： ```javascript const arrayFromSet = [...mySet]; console.log(arrayFromSet); ``` --- #### 2. **Python 中的 Set** 在 Python 中，`set` 同样是一种无序且不重复的数据结构。它的基本功能与 JavaScript 类似，但语法有所不同。 ##### 创建一个 Set ```python my_set = set() # 创建空集合 another_set = {"a", "b"} # 使用大括号初始化集合 print(another_set) ``` ##### 添加元素 ```python my_set.add("element") # 添加单个元素 my_set.update(["item1", "item2"]) # 批量添加多个元素 print(my_set) ``` ##### 删除元素 ```python my_set.remove("element") # 如果不存在则抛出异常 my_set.discard("nonexistent_element") # 不报错 ``` ##### 并集、交集等操作 ```python union_result = another_set.union({"c"}) # 并集 intersection_result = another_set.intersection({"b"}) # 交集 difference_result = another_set.difference({"a"}) # 差集 symmetric_difference_result = another_set.symmetric_difference({"d"}) # 对称差集 ``` --- ### 结合 Vue 和 Iframe 场景下的应用 如果需要动态加载 iframe，并希望利用 `Set` 来管理这些 iframe 的 URL 列表，则可以这样做： ```javascript <template> <div> <iframe v-for="(url, index) in urls" :key="index" :src="url" /> </div> </template> <script> export default { data() { return { urlSet: new Set(), // 存储唯一的URL列表 }; }, computed: { urls() { return Array.from(this.urlSet); // 将Set转成Array以便v-for渲染 } }, methods: { addUrl(newUrl) { this.urlSet.add(newUrl); // 动态添加新的URL } } }; </script> ``` 上述代码展示了如何通过 `Set` 确保 iframe 加载的 URL 列表始终唯一。 --- ### 相关问题