js map 嵌套

### JavaScript Map 对象的嵌套使用 在 JavaScript 中，`Map` 是一种键值对集合的数据结构。它允许任何类型的键（不仅仅是字符串），并且提供了高效的查找性能。当涉及到复杂数据结构时，可以通过嵌套 `Map` 来实现多层次的存储和访问。 #### 嵌套 Map 的基本概念 通过将另一个 `Map` 实例作为外层 `Map` 的值来创建嵌套结构。这种设计非常适合表示树形或其他分层数据结构[^1]。 ```javascript // 创建一个顶层 Map const outerMap = new Map(); // 创建两个子级 Map const innerMap1 = new Map(); innerMap1.set('keyA', 'valueA'); innerMap1.set('keyB', 'valueB'); const innerMap2 = new Map(); innerMap2.set('keyC', 'valueC'); innerMap2.set('keyD', 'valueD'); // 将子级 Map 添加到顶层 Map outerMap.set('level1', innerMap1); outerMap.set('level2', innerMap2); console.log(outerMap.get('level1').get('keyA')); // 输出: valueA console.log(outerMap.get('level2').get('keyD')); // 输出: valueD ``` #### 访问嵌套 Map 数据 要访问嵌套 `Map` 中的内容，需逐步解包每一层直到目标值所在的位置。如果某一层不存在，则会返回 `undefined` 或抛出错误，具体取决于如何处理缺失的情况[^2]。 ```javascript function getNestedValue(map, keysArray) { let currentLevel = map; for (let key of keysArray) { if (!(currentLevel instanceof Map)) { throw new Error(`Key ${key} does not point to another Map`); } currentLevel = currentLevel.get(key); if (!currentLevel) break; // 如果当前层级为空则停止遍历 } return currentLevel; } try { const result = getNestedValue(outerMap, ['level1', 'keyB']); console.log(result); // 输出: valueB } catch (error) { console.error(error.message); } ``` #### 动态构建嵌套 Map 结构 有时需要动态地向已有的嵌套 `Map` 插入新条目或者更新现有条目的值。这通常涉及递归函数或循环逻辑以定位正确的插入位置[^3]。 ```javascript function setNestedValue(map, keysArray, newValue) { let currentLevel = map; for (let i = 0; i < keysArray.length - 1; ++i) { const key = keysArray[i]; if (!currentLevel.has(key)) { currentLevel.set(key, new Map()); } currentLevel = currentLevel.get(key); } const finalKey = keysArray[keysArray.length - 1]; currentLevel.set(finalKey, newValue); } setNestedValue(outerMap, ['level1', 'newKey'], 'newValue'); console.log(outerMap.get('level1').get('newKey')); // 输出: newValue ``` #### 使用场景举例 假设有一个需求是要记录不同部门员工的信息，并且每位员工都有自己的技能列表。可以利用嵌套 `Map` 完成这一任务： ```javascript const employeeSkillsByDepartment = new Map(); addEmployeeSkill(employeeSkillsByDepartment, ["Engineering", "Alice"], "JavaScript"); addEmployeeSkill(employeeSkillsByDepartment, ["Marketing", "Bob"], "SEO"); function addEmployeeSkill(departmentMap, path, skill){ let departmentOrPersonMap = departmentMap; for(let i=0;i<path.length-1;i++){ const deptName = path[i]; if(!departmentOrPersonMap.has(deptName)){ departmentOrPersonMap.set(deptName,new Map()); } departmentOrPersonMap = departmentOrPersonMap.get(deptName); } const personName=path[path.length-1]; if(!departmentOrPersonMap.has(personName)){ departmentOrPersonMap.set(personName,new Set()); } departmentOrPersonMap.get(personName).add(skill); } for(const [dept,employees]of employeeSkillsByDepartment.entries()){ console.log(`${dept}:`); employees.forEach((skills,name)=>{ console.log(`\t${name}:${[...skills].join(", ")}`); }); } ``` 以上代码展示了如何用嵌套 Maps 存储并检索复杂的层次化信息。