06 ES6中的Map类型

ES6 中的 Map 是一种集合数据结构,与 Set 类似,但它是用来存储键值对的。Map 提供了更灵活的迭代和更广泛的键类型支持,与普通的对象相比,Map 的键可以是任何值,包括对象和函数。

以下是 Map 类型的一些关键特性和常用方法:

特性

  1. 键的多样性 :Map 的键可以是任何类型,不仅限于字符串或数字。
  2. 顺序性 :Map 保留了键值对的插入顺序。
  3. 唯一性 :每个键在 Map 中都是唯一的。

创建 Map

  • 使用 new Map() 构造函数创建一个空的 Map。
  • 可以在创建时传入一个可迭代对象(其结构通常为 [键, 值] 的数组),来初始化 Map。
javascript 复制代码
let myMap = new Map();
let myMapFromIterable = new Map([['key1', 'value1'], ['key2', 'value2']]);

常用方法

  1. set(key, value) :将一个键值对添加到 Map 对象中。

    javascript 复制代码
    myMap.set('key', 'value');
  2. get(key):返回与给定键关联的值。

    javascript 复制代码
    let value = myMap.get('key');
  3. has(key) :检查 Map 对象是否包含特定的键。

    javascript 复制代码
    let hasKey = myMap.has('key');
  4. delete(key) :从 Map 对象中移除指定的键值对。

    javascript 复制代码
    myMap.delete('key');
  5. clear() :移除 Map 对象中的所有键值对。

    javascript 复制代码
    myMap.clear();
  6. size :返回 Map 对象中键值对的数量。

    javascript 复制代码
    let size = myMap.size;
  7. keys() :返回一个新的迭代器对象,该迭代器包含 Map 对象中的键。

  8. values() :返回一个新的迭代器对象,该迭代器包含 Map 对象中的值。

  9. entries() :返回一个新的迭代器对象,该迭代器包含 Map 对象中的键值对数组。

  10. forEach(callbackFn, thisArg) :对 Map 对象中的每个键值对执行给定函数。

javascript 复制代码
myMap.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

转换为数组

  • 可以使用 Array.from() 方法将 Map 的键、值或键值对数组转换为数组。
javascript 复制代码
let keysArray = Array.from(myMap.keys());
let valuesArray = Array.from(myMap.values());
let entriesArray = Array.from(myMap.entries());

示例

javascript 复制代码
// 创建一个 Map 实例
let myMap = new Map();

// 添加键值对
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

// 获取与键关联的值
console.log(myMap.get('key1')); // 输出: value1

// 检查键是否存在
console.log(myMap.has('key1')); // 输出: true

// 删除键值对
myMap.delete('key1');

// 获取 Map 的大小
console.log(myMap.size); // 输出: 1

// 清空 Map
myMap.clear();

// 遍历 Map
myMap.set('key3', 'value3');
myMap.forEach((value, key) => {
  console.log(`${key}: ${value}`); // 输出: key3: value3
});

// 转换为数组
let keys = Array.from(myMap.keys());
let values = Array.from(myMap.values());
let entries = Array.from(myMap.entries());

Map 是一种非常有用的数据结构,特别适合于需要快速查找、添加和删除键值对的场景。它提供了一种更灵活的方式来存储和管理键值对集合。

相关推荐
鬼手点金3 小时前
nanoGPT/nanochat 能做出 DeepSeek/Qwen 这样的大模型吗?
服务器·前端·javascript·bug·openclaw
软件技术NINI3 小时前
美妆商城html+Css+js 4页
javascript·css·html
蛋蛋的就会顺顺的3 小时前
hot100 p0——栈,贪心算法,动态规划
java·前端·javascript·算法·leetcode·力扣
程序员Sunday3 小时前
TypeScript 的 any、unknown、never 有什么区别?
前端·面试·typescript
朱涛的自习室4 小时前
70 美金的 Beyond Compare,我让 Gemini 4 和 DeepSeek 造个开源免费版(Day 2)
android·前端·人工智能
小 黄 鸡4 小时前
HashMap 面试必会知识点详解(JDK 8)
java·面试·职场和发展
码艺-Alimjan4 小时前
Tauri 源码备份 · 打包 & 解压 总结,源码收集之路
前端·javascript·vue.js
小马不起床4 小时前
零基础玩转 FastAPI_11:前端后台管理页面
前端·状态模式·fastapi
子非鱼a6 小时前
【文件上传】一个普普通通的edu16
前端
美狐美颜SDK开放平台6 小时前
直播APP如何实现美白滤镜功能?视频美颜SDK技术开发方案详解
前端·数据库·人工智能·音视频·美颜sdk·直播美颜sdk·视频美颜sdk