js map通过key取值

在JavaScript中，Map 是一种用于存储键值对的数据结构，它允许你通过键（key）来快速查找对应的值（value）。Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值（对象和原始值）都可以作为一个键或一个值。

基础概念

• 键（Key）：可以是任何类型的值（包括函数、对象和基本类型）。
• 值（Value）：与键关联的数据。
• 迭代顺序：Map 对象中的元素按照它们被插入的顺序进行迭代。

创建 Map

let myMap = new Map();

添加元素

myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

通过 Key 取值

let value1 = myMap.get('key1'); // 'value1'

检查 Key 是否存在

let hasKey1 = myMap.has('key1'); // true

删除元素

myMap.delete('key1');

获取 Map 的大小

let size = myMap.size; // 返回 Map 中元素的数量

清空 Map

myMap.clear();

应用场景

• 缓存数据：使用键值对存储计算结果，避免重复计算。
• 配置管理：存储应用程序的配置选项。
• 状态管理：在单页应用（SPA）中跟踪用户状态。
• 数据关联：将一个对象的数据与另一个对象关联起来。

类型

• 基本类型：如字符串、数字、布尔值等。
• 复杂类型：如对象、数组、函数等。

优势

• 键的多样性：允许任何类型的值作为键。
• 高效的查找：通过键获取值的时间复杂度为 O(1)。
• 保持插入顺序：迭代时元素按照插入顺序返回。

遇到问题及解决方法

问题：为什么 map.get(key) 返回 undefined？

原因：

1. 键不存在于 Map 中。
2. 键的引用不同（例如，比较对象时）。

解决方法：

• 确保键已正确添加到 Map 中。
• 使用相同的引用进行比较（特别是对于对象键）。

let objKey1 = { id: 1 };
let objKey2 = { id: 1 };

myMap.set(objKey1, 'value associated with objKey1');

// 这将返回 undefined，因为 objKey1 和 objKey2 是不同的引用
let value = myMap.get(objKey2);

// 正确的做法是使用相同的引用
value = myMap.get(objKey1); // 'value associated with objKey1'

通过理解 Map 的工作原理和正确使用方法，可以有效地利用它来解决各种编程问题。