蓝桥杯web知识点

### 蓝桥杯 Web 知识点总结 #### ES6 中的 `Map` 数据结构 在 JavaScript 的 ES6 版本中引入了一种新的数据结构——`Map`。它是一种键值对集合，其中键可以是任何类型的值（包括对象），而不仅仅是字符串。 以下是关于 `Map` 常见操作的具体说明： - **设置和获取值** 使用 `.set()` 方法向 `Map` 添加键值对，并通过 `.get()` 方法检索对应的值[^2]。 ```javascript let bookstore = new Map(); bookstore.set("《活着》", "余华"); console.log(bookstore.get("《活着》")); // 输出："余华" ``` - **判断键的存在性** 可以利用 `.has()` 来检测某个键是否存在于当前 `Map` 实例中。 ```javascript console.log(`《活着》是否存在：${bookstore.has("《活着》")}`); // true 或 false ``` - **删除特定键值对** 利用 `.delete()` 删除指定键及其关联的值。 ```javascript bookstore.delete("《活着》"); console.log(bookstore.has("《活着》")); // false ``` - **清空整个集合** 如果需要一次性清除所有的键值对，则调用 `.clear()` 方法即可。 ```javascript bookstore.clear(); console.log(bookstore.size); // 0 ``` #### 遍历 `Map` 对于 `Map` 结构来说，有多种方式来实现对其内部项的迭代访问: - **for...of 循环** 这是最常用的遍历形式之一，可以直接获得每一项 `[key, value]` 组合。 ```javascript for (const [key, value] of bookstore) { console.log(`${key}: ${value}`); } ``` - **forEach() 方法** 类似于数组上的 `forEach()` 函数，这里也可以接受回调函数作为参数来进行逐项处理。 ```javascript bookstore.forEach((value, key) => { console.log(`${key} -> ${value}`); }); ``` #### 对象、数组与字符串的操作技巧 当涉及到更传统的数据类型如对象或者数组时，也有一些值得注意的小窍门可以帮助我们更好地理解和解决问题[^3]。 - **对象属性枚举** 当前上下文中展示了如何借助 `for...in` 枚举出给定对象的所有可枚举属性名称以及它们各自的值。 ```javascript const person = { name: 'Alice', age: 25 }; for (let prop in person) { console.log(prop + ": " + person[prop]); } ``` - **数组元素循环** 同样适用于数组实例上执行类似的逻辑流程。 ```javascript const numbers = [1, 2, 3]; for (let index in numbers) { console.log(numbers[index]); } ``` - **字符串字符逐一读取** 将字符串视为一种特殊的序列化容器，从而允许按索引位置提取单个字符。 ```javascript const str = "hello"; for (let charIndex in str) { console.log(str[charIndex]); } ``` ---