欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 社会 > ES6(4) Map 集合详解

ES6(4) Map 集合详解

2025/5/9 14:28:03 来源:https://blog.csdn.net/Theodore_1022/article/details/146226549  浏览:    关键词:ES6(4) Map 集合详解

1. Map 集合简介

  Map 是 ES6 提供的一种新的键值对数据结构,与普通对象(Object)不同,Map 的键可以是任意类型(包括对象、函数等)。

2. 创建 Map 集合

可以使用 new Map() 创建一个 Map,并在括号内传入一个二维数组来初始化键值对。

let author = new Map([['name', 'theodore'],['age', '21'],['web', 'https://blog.csdn.net/Theodore_1022']
]);
console.log(author);

3. 添加元素

使用 set() 方法可以向 Map 添加新键值对。

author.set('weight', '1000');
console.log(author);

4. 删除元素

使用 delete() 方法可以删除指定的键。

author.delete('weight');
console.log(author);

5. 检查 Map 是否包含某个键

使用 has() 方法可以检查 Map 是否包含某个键。

let isExist = author.has('weight');
console.log(isExist); // 输出:false

6. 获取 Map 的大小

使用 size 属性可以获取 Map 中的键值对数量。

let num2 = author.size;
console.log(num2); // 输出:3

7. 将 Map 转换为数组

可以使用 Array.from() 方法将 Map 转换为数组。

let arrAuthor = Array.from(author);
console.log(arrAuthor);

或者使用扩展运算符 ...

let arrAuthor2 = [...author];
console.log(arrAuthor2);

8. 遍历 Map 集合

8.1 使用 for...of 遍历

for (let [key, value] of author) {console.log(key, value);
}

8.2 使用 forEach() 遍历

author.forEach((value, key) => {console.log(key, value);
});

9. 清空 Map 集合

使用 clear() 方法可以清空 Map 集合。

author.clear();
console.log(author); // 输出:Map {}

10. 结语

        ES6 的 Map 提供了一种更强大的键值对存储方式,相比于普通对象,它允许任意类型作为键,并且提供了更方便的迭代方法。掌握 Map,可以更高效地管理和操作数据结构,提高 JavaScript 编程的灵活性。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词