JS 中怎么用 Map 数据结构存储键值对集合-js教程-PHP中文网

js中map用于存储键值对，支持任意类型键（对象、函数、symbol等），保持插入顺序；通过new map()创建，可用二维数组初始化；提供set/get/has/delete等明确方法操作数据，并原生支持for...of等遍历方式。

js 中怎么用 map 数据结构存储键值对集合

JS 中用 Map 存储键值对集合，核心是创建实例后调用 set() 方法添加数据，它比普通对象更灵活——支持任意类型作键（如对象、函数、Symbol），且保持插入顺序。

创建和初始化 Map

用 new Map() 创建空映射；也可传入可迭代对象（如二维数组）直接初始化：

const map1 = new Map(); // 空 Map
const map2 = new Map([
  ['name', 'Alice'],
  [42, 'answer'],
  [{id: 1}, 'object-key']
]);

数组中的每个子数组必须是 [key, value] 形式
键可以是对象、函数、NaN、Symbol 等，不会被强制转为字符串
重复键会被后一个覆盖（与 Set 行为一致）

增删查改基本操作

Map 提供明确的方法名，语义清晰，避免对象属性操作的歧义：

Wjs Uploading Video

将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。

下载

map.set('age', 30);           // 添加或更新
map.get('age');               // 获取值 → 30
map.has('age');               // 判断是否存在 → true
map.delete('age');            // 删除 → true（成功返回 true）
map.clear();                  // 清空全部

get() 找不到时返回 undefined，不抛错
has() 比 get() !== undefined 更安全，尤其值本身可能是 undefined
delete() 返回布尔值，便于判断是否真删掉了

遍历 Map 的多种方式

Map 原生可迭代，支持 for...of、解构、扩展运算符等现代语法：

// 方式1：遍历 [key, value] 对
for (const [k, v] of map) {
  console.log(k, v);
}

// 方式2：只取键或值
for (const k of map.keys()) { ... }
for (const v of map.values()) { ... }

// 方式3：转成数组处理
Array.from(map);              // [[k1,v1], [k2,v2]]
[...map.entries()];           // 同上
Object.fromEntries(map);      // 转为普通对象（仅当键为字符串/数字时安全）