Map与Set

介绍一下Map、Set
1)Map

在ES6之前,JavaScript的对象有个小问题,就是键必须是字符串。为了解决这个问题,ES6引入了新的数据类型Map。
Map是一组键值对的结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。举个小小的例子如下:

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

它的优点是具有极快的查找速度,只需要一个“名字”-“成绩”的对照表,直接根据名字查找成绩,无论这个表有多大,查找速度都不会变慢。
Map具有以下方法:

var m = new Map(); //初始化一个空Map
m.set('Adam', 67); // 添加新的key-value
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 删除key 'Adam'
m.get('Adam'); // undefined

由于一个key只能对应一个value,所以,多次对一个key放入value,后面的值会把前面的值覆盖

var m = new Map();
m.set('Adam', 67);
m.set('Adam', 88);
m.get('Adam'); // 88
2)Set

Set和Map类似,也是一组key的集合,但不存储value。由于key不能重复,所以,在Set中,没有重复的key。

创建一个set
var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3

重复元素在Set中自动被过滤:

var s = new Set([1, 2, 3, 3, '3']);
s; // Set {1, 2, 3, "3"}

注:数字3和字符串'3'是不同的元素。

add(key):添加元素到set中
s.add(4);
s; // Set {1, 2, 3, 4}
delete(key):删除元素
var s = new Set([1, 2, 3]);
s; // Set {1, 2, 3}
s.delete(3);
s; // Set {1, 2}
clear() :清空 Set;获取 Set 集合长度用 size 属性
set.clear();
set.size;
应用:使用Set可以很容易地实现并集(Union)、交集(Intersect)和差集
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);
// 并集
let union = new Set([...a, ...b]);// Set {1, 2, 3, 4}
// 交集
let intersect = new Set([...a].filter(x => b.has(x)));// set {2, 3}
// 差集
let difference = new Set([...a].filter(x => !b.has(x)));// Set {1}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、Set接口的特点 使用HashSet存储字符串并遍历 Set set = new HashSet ();//...
    啦啦啦_9a5f阅读 225评论 0 2
  • Map Js中的Object,本质上是键值对的集合,但是只能够用字符串作为key,为解决这个问题,因此ES6中提供...
    努力与幸运阅读 212评论 0 0
  • Set 和 Map 主要的应用场景在于数据重组和数据储存 Set 是一种叫做集合的数据结构,Map 是一种叫做字典...
    lllhy阅读 950评论 0 0
  • 本文转自博客:Set、WeakSet、Map及WeakMap Set 和 Map 主要的应用场景在于 数据重组 和...
    许小花花阅读 330评论 0 0
  • 昨天,利用差不多十来小时,阅读路遥的作品《平凡的世界》。这本书原本以为早已看过,却在看完后,发现我看的却是另...
    言默默阅读 131评论 0 0