Set与Map

谁践踏了优雅 2022-05-15 10:45 191阅读 0赞

## Set ##

Set集合是一种无重复元素的列表，开发者一般不会逐一读取数组中的元素，也不太可能逐一访问Set集合中的每个元素，**通常是检测给定的值是否在某个集合中存在**。

## Map ##

Map集合内含多组键值对，集合中每个元素分别存放着可访问的键名和它对应的值，Map集合**经常被用于缓存频繁取用的数据**。

## ##

### 在ES5中用对象属性来模拟这两种集合的缺点 ###

所有键值都会被转为字符串

//创建模拟map
    var map = Object.create(null);
    map[5] = "five";
    map["5"] = "str five";
    
    //测试
    map[5] 
    //得到结果
    "str five"
    
    //使用对象作为键值
    var map = Object.create(null);
    var key1 = {a: 'a'};
    var key2 = {b: 'b'};
    map[key1] = 'key1\'s map'
    map[key2] = 'key2\'s map'
    
    //测试
    map[key1] = 'key2's map'
    
    //打印map
    {
        [object Object]: "key2's map"
    }

# #

# Set集合 #

ES6中set不会对值进行强制类型转换。

创建

let set = new Set();
    set.add(5);
    set.add("5");
    set.add(5);
    
    console.log(set.size);    //2

使用has()方法检查集合中是否有某值

cosole.log(set.has(5));    //true

访问size属性获得set中元素个数

var size = set.size

删除元素

set.delete(ele);    //删除ele元素
    
    set.clear();        //删除所有元素

forEach()

set = new Set([1, 4, 9]);
    set.forEach((value, key) => console.log(key + ' : ' + value))
    // 1 : 1
    // 4 : 4
    // 9 : 9

转为数组

let arr = [...set];

### **Weak Set** ###

希望当set中其他元素其他所有引用都不存在（比如被删除或致为null）时，让Set集合中这些引用随之消失。

Weak Set集合只存储对象的弱引用，并不刻意存储原始值；集合中的弱引用如果是对象的唯一引用，则会被回收释放相应内存。

注意以下特点！

1.  在Weak Set中，如果向add( )方法中传入非对象参数会导致程序报错，而向has( )和delete( )方法传入非对象参数则会返回false
2.  Weak Set 集合不可迭代，不能用 for-of语句
3.  Weak Set 不暴露任何迭代器，如（ keys( )和 values( )方法 ），所以无法通过程序本身来检测其中的内容
4.  不支持forEach
5.  不支持size属性

# Map集合 #

参考阮老师的ES6入门吧[http://es6.ruanyifeng.com/\#docs/set-map\#Map][http_es6.ruanyifeng.com_docs_set-map_Map]

[http_es6.ruanyifeng.com_docs_set-map_Map]: http://es6.ruanyifeng.com/#docs/set-map%23Map