ES6中Map与Set的区别

男娘i 2022-11-14 14:55 183阅读 0赞

# Map #

在JS中的默认对象的表示方式为\{\}，即一组键值对，但是键必须是字符串。  
为了使用Number或者其他数据类型作为键，ES6规范引入了新的数据类型Map。  
Map是一组键值对的结构，具有极快的查找速度。初始化Map需要一个二维数组，或者直接初始化一个空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.set('Bob', 59);
    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

# Set #

Set也是一组key的集合，与Map类似。但是区别是**Set不存储value，并且它的key不能重复**。  
创建一个Set，需要提供一个Array作为输入，或者直接创建一个空Set：

var s1 = new Set(); // 空Set
    var s2 = new Set([1, 2, 3]); // 含1, 2, 3

重复元素会在Set中自动被过滤**（注：数字3和字符串'3'是不同的元素）**：

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

Set具有以下方法：

//通过add(key)方法可以添加元素到Set中，可以重复添加，但不会有效果
    s.add(4);
    s; // Set {1, 2, 3, 4}
    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}
    
    
    add(value)：添加某个值，返回Set结构本身。 
    delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。 
    has(value)：返回一个布尔值，表示该值是否为Set的成员。 
    clear()：清除所有成员，没有返回值。

# 总结 #

1、Map 对象是键值对集合，和 JSON 对象类似，但是 key 不仅可以是字符串还可以是其他各种类型的值包括对象都可以成为Map的键

var map = new Map();
    var obj = { name: '小缘', age: 14 };
    map.set(obj, '小缘喵');
    map.get(obj); // 小缘喵
    map.has(obj); // true
    map.delete(obj) ;// true
    map.has(obj); // false

2、Set 对象类似于数组，且成员的值都是唯一的