Set-和-Map

Set

1：基本概念

• 类数组对象, 内部元素唯一

    let set = new Set([1, 2, 3, 2, 1]);
    console.log(set);
    // Set(3){1, 2, 3} 
    
    [...set];
    // [1, 2, 3] 

• 接收数组或迭代器对象

    let set = new Set(document.getElementsByName('div'));
    set.size;
    // 0 
    let set = new Set([1, 2, 3, 2, 1]);

• 不存在隐式转换

    let set = new Set([5, '5']);
    set;
    // Set(2){5, '5'} 
    
    let set = new Set([NaN, NaN]);
    set;
    // Set(1){NaN} 
    
    let set = new Set([{}, {}]);
    set;
    // Set(2){{...}, {...} } 
    
    let set = new Set('abcdabcd');
    set;
    // Set(4){'a', 'b', 'c', 'd'}

2：属性和方法

• size，返回当前 Set 元素总数

    let set = new Set([1, 2, 3, 4]);
    set.size;
    // 4 

• add，添加元素，返回新的 Set

    let set = new Set([1, 2, 3, 4]);
    set.add(5);
    // Set(5){1, 2, 3，4，5} 

• delete，删除元素，返回成功与否

    let set = new Set([1, 2, 3, 4]);
    set.delete(4);
    // true 

• has，是否包含某个元素

    let set = new Set([1, 2, 3, 4]);
    set.has(4);
    // true 

• clear，清空 Set

    let set = new Set([1, 2, 3, 4]);
    set.clear();
    set;
    // Set(0){}

3：Set 遍历

• keys()

    let set = new Set(['Eric', 'Iven', 'David']);
    set.keys();
    // SetIterator {"Eric", "Iven", "David"}
    
    [...set.keys()];
    //(3) ["Eric","Iven","David"]

• values()

    let set = new Set(['Eric', 'Iven', 'David']);
    set.values();
    // SetIterator {"Eric", "Iven", "David"}

• entries()

    let set = new Set(['Eric', 'Iven', 'David']);
    set.entries();
    // SetIterator {"Eric" => "Eric", "Iven" => "Iven", "David" => "David"} 

• forEach()

    let set = new Set(['Eric', 'Iven', 'David']);
    set.forEach(s => s);
    //
    Eric
    Iven
    David

4：WeakSet（弱应用）

• 只能放置对象的弱引用 Se
• 其他对象不再引用该对象(DOM), 垃圾回收机制会自动回收该对象所占用的内存
• 适合临时存放一组对象
• 无 size
• 不可遍历
• add
• delete
• has

Map

1：基本概念

• 各种类型的值 (包括对象) 都可以当作键的键值对结构

    let map = new Map();
    let names = ['Eric', 'Iven'];
    
    map.set(names, 'Eric and Iven');
    map.get(names);
    // Eric and Iven

• 接收迭代器对象

    let map = new Map([['name', 'Eric'],
      ['name', 'Iven']
    ]);
    map;
    // Map(1) {"name" => "Iven"} 

• 特殊值处理

    let map = new Map();
    map.set(-0, 1);
    map.get(+0);
    // 1 
    
    let map = new Map();
    map.set(true, 1);
    map.set('true', 2);
    map.get(true);
    // 1 
    
    let map = new Map();
    map.set(undefined, 1);
    map.set(null, 2);
    map.get(undefined);
    // 1 
    
    
    let map = new Map();
    map.set(NaN, 1);
    map.get(NaN);
    // 1

• 同一个键多次赋值, 后面的值将覆盖前面的值

2：属性和方法

• size

• set(key,value)，返回新的 Map

    let map = new Map();
    map.set(1,1).set(2,2);
    //Map(2) {1 => 1,2 => 2}

• get，不存在返回 undefined
• has，返回是否包含键值
• delete，返回成功与否
• clear，清空

3：Map 遍历

• keys()
• values()
• entries()

• forEnch()，第二个参数绑定 this

    let map = new Map([['name', 'Eric'],
      ['name', 'Iven']
    ]);
    
    let customLog = {info: function(key, value) {console.log(value);
      }
    };
    
    map.forEach(function(value, key, map) {this.info(key, value);
    }, customLog);
    // Iven 

4：WeakMap

• 只能放置对象的弱引用 Map
• 其他对象不再引用该对象, 垃圾回收机制会自动回收该对象所占用的内存
• 存放 DOM

• 处理私有属性

       const _totalCount = new WeakMap();
       class Cat {constructor(count) {_totalCount.set(this, count);
         }
         getCount() {let count = _totalCount.get(this);
           // ... 
           return count;
         }
       }
       const number = 123456;
       const cat = new Cat(number);

• 适合临时存放一组对象
• 无 size
• 不可遍历
• get()
• set()
• delete
• has