[JS]Map和Set

Map 

是一个带键的数据项的集合，就像一个 Object 一样。 但是它们最大的差别是 Map 允许任何类型的键（key）。

 

它的方法和属性如下：

 

　   new Map() － 创建 map。

      map.set(key, value) － 根据键存储值。

      map.get(key) － 根据键来返回值，如果 map 中不存在对应的 key，则返回 undefined。

      map.has(key) － 如果 key 存在则返回 true，否则返回 false。

      map.delete(key) － 删除指定键的值。

      map.clear() － 清空 map。

      map.size － 返回当前元素个数。

 

let map = new Map();

map.set('1', 'str1');   // 字符串键
map.set(1, 'num1');     // 数字键
map.set(true, 'bool1'); // 布尔值键

// 普通的 Object 会将键转化为字符串
// Map 则会保留键的类型，所以下面这两个结果不同：
console.log(map.get(1)); // 'num1'
console.log(map.get('1')); // 'str1'
console.log(map.size); // 3

// 使用对象作为键是 Map 最值得注意和重要的功能之一。

// 可以链式调用
map.set('1', 'str1')
      .set(1, 'num1')
      .set(true, 'bool1');

 

如果要在 map 里使用循环，可以使用以下三个方法：

  

        map.keys() － 遍历并返回所有的键（returns an iterable for keys），

        map.values() － 遍历并返回所有的值（returns an iterable for values），

        map.entries() － 遍历并返回所有的实体（returns an iterable for entries）[key, value]，for..of 在默认情况下使用的就是这个。

 

let recipeMap = new Map([
      ['cucumber', 500],
      ['tomatoes', 350],
      ['onion', 50]
    ]);

    // 遍历所有的键（vegetables）
    for (let vegetable of recipeMap.keys()) {
      console.log(vegetable); // cucumber, tomatoes, onion
    }

    // 遍历所有的值（amounts）
    for (let amount of recipeMap.values()) {
      console.log(amount); // 500, 350, 50
    }

    // 遍历所有的实体 [key, value]
    for (let entry of recipeMap) { // 与 recipeMap.entries() 相同
      console.log(entry); // cucumber,500 (and so on)
    }

 

当创建一个 Map 后，我们可以传入一个带有键值对的数组（或其它可迭代对象）来进行初始化

// 键值对 [key, value] 数组
let map = new Map([
      ['1', 'str1'],
      [1, 'num1'],
      [true, 'bool1']
    ]);

console.log(map.get('1')); // str1

 

如果我们想从一个已有的普通对象（plain object）来创建一个 Map，那么我们可以使用内建方法 Object.entries(obj)，该返回对象的键/值对数组，该数组格式完全按照 Map 所需的格式。

let obj = {
      name: "John",
      age: 30
    };

let map = new Map(Object.entries(obj));

console.log(map.get('name')); // John

 

Map 也可以转为普通对象。

let map = new Map();
    map.set('banana', 1);
    map.set('orange', 2);
    map.set('meat', 4);

// let obj = Object.fromEntries(map.entries()); // 创建一个普通对象
let obj = Object.fromEntries(map); // 省掉 .entries()

 

Set

Set 是一个特殊的类型集合 － “值的集合”（没有键），它的每一个值只能出现一次。

 

它有以下方法：

 

　   new Set(iterable) － 创建一个 set，如果提供了一个 iterable 对象（通常是数组），将会从数组里面复制值到 set 中。

      set.add(value) － 添加一个值，返回 set 本身

      set.delete(value) － 删除值，如果 value 在这个方法调用的时候存在则返回 true ，否则返回 false。

      set.has(value) － 如果 value 在 set 中，返回 true，否则返回 false。

      set.clear() － 清空 set。

      set.size － 返回元素个数

 

它的主要特点是，重复使用同一个值调用 set.add(value) 并不会发生什么改变。这就是 Set 里面的每一个值只出现一次的原因。

 

let set = new Set();

let john = { name: "John" };
let pete = { name: "Pete" };
let mary = { name: "Mary" };

// visits，一些访客来访好几次
set.add(john);
set.add(pete);
set.add(mary);
set.add(john);
set.add(mary);

// set 只保留不重复的值
alert(set.size); // 3

for (let user of set) {
    alert(user.name); // John（然后 Pete 和 Mary）
}

// 可以使用 for..of 或 forEach 来遍历 Set
let set = new Set(["oranges", "apples", "bananas"]);

for (let value of set) alert(value);

  // 与 forEach 相同：
  set.forEach((value, valueAgain, set) => {
    alert(value);
  });

 

forEach 的回调函数有三个参数，是为了与 Map 兼容。确实有些奇怪，但是这对在特定情况下轻松地用 Set 代替 Map 很有帮助，反之亦然。

    Map 中用于迭代的方法在 Set 中也同样支持：

    set.keys() － 遍历并返回所有的值（returns an iterable object for values），

    set.values() － 与 set.keys() 作用相同，这是为了兼容 Map，

    set.entries() － 遍历并返回所有的实体（returns an iterable object for entries）[value, value]，它的存在也是为了兼容 Map。

 

 

使用Set实现数组去重真的是太方便了：

function unique(arr) {
      let set = new Set(arr);
      return set;
}

let values = ["Hare", "Krishna", "Hare", "Krishna",
   "Krishna", "Krishna", "Hare", "Hare", ":-O"
];

console.log(unique(values)); // ["Hare", "Krishna", ":-O"]