JS中的Map与Set

前端小罗

于 2021-06-28 16:21:47 发布

阅读量449

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_43983960/article/details/118305975

版权

本文介绍了JavaScript中的Map和Set数据结构。Map用于存储键值对，提供快速查找，示例展示了如何创建和使用Map。Set则是一个不包含重复元素的集合，可以通过Array初始化或创建空Set。文章详细讲解了它们的创建、使用方法和特点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，Map介绍

Map是一组键值对的结构，具有极快的查找速度。
举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array：
var names = [‘Michael’, ‘Bob’, ‘Tracy’];
var scores = [95, 75, 85];
给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取出对应的成绩，Array越长，耗时越长。

如果用Map实现，只需要一个“名字”-“成绩”的对照表，直接根据名字查找成绩，无论这个表有多大，查找速度都不会变慢。用JavaScript写一个Map如下：

var m = new Map([[‘Michael’, 95], [‘Bob’, 75], [‘Tracy’, 85]]);
m.get(‘Michael’); // 95

二，Map属性方法-详情

创建：var m = new Map();

属性/方法	作用	例子
set(key, value)	为key设置键值，如已经存在该key则更新，否则添加新元素，返回值是实例本身	m.set(key, value)
get(key)	获取指定成员的值，如不存在则返回 undefined	m.get(key)
has(key)	判断是否存在指定成员ÿ