ES6 Set 和 Map 集合知识汇总

执行这里之前先把上面.clear()注释掉

console.log(set.keys);        //[Function: values]

console.log(set.values);        //[Function: values]

console.log(set.entries);        //[Function: entries]

⑦Set.prototype.forEach() 使用回调函数遍历每个成员

set.forEach((item) => {

console.log(item);

})

//2 3 4 5 7 100

二、Map集合

1.什么是Map

Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。Map 可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。

var map = new Map([ ['name', '张三'], ['title', 'Author'] ]);

2.Map的API(实例方法)

创建一个Map实例

let obj1 = {

  name: 'zhangsan',

  age: 12,

  gender: 'male'

}

let obj = Object.entries(obj1)        //将obj1转化为一个键值对数组

let map = new Map(obj);        //Map(3) { 'name' => 'zhangsan', 'age' => 12, 'gender' => 'male' }

1. Map.prototype.size 返回 Map 结构的成员总数。

console.log(map.size); //3

2. Map.prototype.set(key, value)

set方法设置键名key对应的键值为value，然后返回整个map结构。如果key已经有值，则键值会被更新，否则就新生成该键。

//添加

map.set({a: 1,b: 2},['tom','terry']);

//        Map(4) {
        'name' => 'zhangsan',
        'age' => 12,
        'gender' => 'male',
        { a: 1, b: 2 } => [ 'tom', 'terry' ]
        }

//更新

map.set('name','lisi')

console.log(map);

//        Map(4) {
        'name' => 'lisi',
        'age' => 12,
        'gender' => 'male',
        { a: 1, b: 2 } => [ 'tom', 'terry' ]
        }

3. Map.prototype.get(key) get方法读取key对应的键值，如果找不到key，返回undefined。

console.log(map.get('age')); // 12

4. Map.prototype.has(key) has方法返回一个布尔值，表示某个键是否在当前 Map 对象之中。

console.log(map.has('gender')); //true

5. Map.prototype.delete(key) 删除某个键，返回true。如果删除失败，返回false。

console.log(map.delete('age')); //true

6. Map.prototype.clear() 清除所有成员，没有返回值

map.clear() //执行下面的记得注释掉

7.Map.prototype.keys() 返回键名的遍历器

Map.prototype.values() 返回键值的遍历器

Map.prototype.entries() 返回键值对的遍历器

console.log(map.keys());        //[Map Iterator] { 'name', 'gender', { a: 1, b: 2 } }

console.log(map.values());        //[Map Iterator] { 'lisi', 'male', [ 'tom', 'terry' ] }

console.log(map.entries());
//        [Map Entries] {
        [ 'name', 'lisi' ],
        [ 'gender', 'male' ],
        [ { a: 1, b: 2 }, [ 'tom', 'terry' ] ]
        }