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

相关推荐
用户938515635076 小时前
写了这么久 useState,你真的知道它在干什么吗?
前端·javascript
慢功夫6 小时前
💡第七篇:VSCode语言服务中,代码跳转和诊断是怎么做的?
前端·visual studio code
Csvn6 小时前
✨ TypeScript `satisfies` 操作符实战——5 个让代码更「聪明」的生产场景
前端
Healer9187 小时前
vue3页面缓存-keepAlive
前端
一个有理想的摸鱼选手7 小时前
在三维地球上以另一种视角感受巴威台风
前端·gis·ai编程
烬羽7 小时前
递归老写崩?一个"退回"公式,把回溯题变成填空题
javascript·深度学习·算法
程序员黑豆8 小时前
鸿蒙应用开发:Grid组件实现九宫格布局教程
前端·华为·harmonyos
浮江雾8 小时前
Flutter第十七节-----路由管理(3)
android·开发语言·前端·javascript·flutter·入门
阿懂在掘金8 小时前
企业级命令式弹窗方案:三行代码适配已有 Dialog
前端·vue.js·前端框架
Revolution618 小时前
测试接口为什么进了生产包:前端环境变量到底在什么时候生效
前端·前端工程化