ES6知识点-Map和Set

3.8Map和Set数据结构

3.8.1Set 数据结构

• 类似于数组，但是成员的值都是唯一的，没有重复的值。
• Set本身是一个构造函数，用来生成Set数据结构。
• Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。
• 定义的set对象会自己去除重复的值。
• 用途：用它来对数组进行去重
• Set加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。
• Set内部判断两个值是否不同，类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。
• Set中两个对象总是不相等的，即便它们是空对象。

  //1 接收数组作为参数
  var set = new Set([1, 2, 3, 3, 4, 4]);
  
  //2 数组去重
  var arr=[1, 2, 2, 3, 4, 4];        // 定义一个数组
  var set = new Set(arr);
  //方法一：使用扩展运算符Set结构转为数组
  var  newArr=[...set];
  //方法二：使用Array.from方法将Set结构转为数组
  var  newArr=Array.from(set);
  
  var  newArr=new Set([5,"5"])
  newArr    // Set { 5, '5' }
  var  newArr=new Set([{},{}])
  newArr    //  Set { {}, {} }

3.8.2Set实例的属性和方法

• 属性
  • Set.prototype.constructor：构造函数，默认就是Set函数。
  • Set.prototype.size：返回Set实例的成员总数。
• 方法
  • 操作方法（用于操作数据）
    • add(value)：添加某个值，返回Set结构本身。
    • delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
    • has(value)：返回一个布尔值，表示该值是否为Set的成员。
    • clear()：清除所有成员，没有返回值。

      var s=new Set();        // 定义s 数据类型为Set
      s.add(1).add(2).add(2);        // 使用add方法添加值，重复值不会被添加
      s.size             // 2      注意2被加入了两次，但是去重了一个，所以s的成员数是2
      s.has(1)         // true       使用has方法判断是否有该值，有所以返回true
      s.has(2)         // true
      s.has(3)         // false        没有该值返回false
      s.delete(2);        // 使用delete删除该值
      s.has(2)        // false    因为2被上面删除了，所以没该值，返回false

  • 遍历方法（用于遍历成员） Set的遍历顺序就是插入顺序。
    • keys()：返回键名的遍历器。
    • values()：返回键值的遍历器，可以省略。
    • entries()：返回键值对的遍历器。
    • forEach()：使用回调函数遍历每个成员，它的参数是函数。

    var set = new Set(['red', 'green', 'blue']);        // 定义一个Set对象
    
    for (let item of set.keys()) {
      console.log(item);
    }
    // red
    // green
    // blue
    
    for (let item of set.values()) {
      console.log(item);
    }
    // red
    // green
    // blue
    
    for (let item of set.entries()) {
      console.log(item);
    }
    // ["red", "red"]
    // ["green", "green"]
    // ["blue", "blue"]
    
    set.forEach(function(key,value){
        console.log(key,value)
    })
    // red red
    // green green
    // blue blue

3.8.3Map结构的目的和基本用法

• 对象（Object），本质上是键值对的集合（Hash结构），但是传统上只能用字符串当作键。
• Map类似于对象，也是键值对的集合,但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。
• 作为构造函数，Map也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。
• 如果对同一个键多次赋值，后面的值将覆盖前面的值。

  var m = new Map();
  var o = {p: 'welcome to w3cschool'};    // 使用对象做键
  m.set(o, 'content')
  m.get(o)     // "content"
  
  m.has(o)     // true
  m.delete(o)     // true
  m.has(o)     // false
  
  var map = new Map([
    ['name', 'jack'],
    ['age', 12]
  ]);
  map.size      // 2
  map.has('name')       // true
  map.get('name')       // "jack"
  map.has('age')        // true
  map.get('age')        // "12"
  
  map .set(1, 'aaa') .set(1, 'bbb');        // 结果是 bbb的值

3.8.4实例的属性和操作方法

（1）size属性

size属性返回Map结构的**成员总数**。

（2）set(key, value)

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

（3）get(key)

get方法**读取**key对应的键值，如果找不到key，返回undefined。

（4）has(key)

has方法返回一个布尔值，表示某个键**是否在Map数据结构中**。

（5）delete(key)

delete方法**删除某个键**，返回true。如果删除失败，返回false。

（6）clear()

clear方法清**除所有成员**，没有返回值。

var map=new Map();

map.set('foo', true);       // 设置
map.size;     // 1
map.get('foo');     // true
map.has('foo')          // true
map.delete('foo');       // 删除map对象的foo键，删除后使用has返回false
map.clear()        // 删除map对象所有的键

3.8.5Map遍历方法

• keys()：返回键名的遍历器。
• values()：返回键值的遍历器。
• entries()：返回所有成员的遍历器。
• forEach()：遍历Map的所有成员。

3.8.6数据结构的互相转换

（1）Map转为数组

? Map转为数组最方便的方法，就是使用扩展运算符（...）

（2）数组转为Map

? 将数组转入Map构造函数，就可以转为Map。

（3）Map转为对象

? 如果所有Map的键都是字符串，它可以转为对象。

（4）对象转为Map

（5）Map转为JSON

• 一种情况是Map的键名都是字符串，这时可以选择转为对象JSON。
• 另一种情况是Map的键名有非字符串，这时可以选择转为数组JSON。

  （6）JSON转为Map

  JSON转为Map，正常情况下，所有键名都是字符串。

  //（1）Map转为数组
  [...myMap]        //  myMap表示Map数据
  //（2）数组转为Map
  new Map(数组)
  // （3）Map转为对象
  function cMapToObj(strMap) {
    let obj = Object.create(null);
    for (let [k,v] of strMap) {
      obj[k] = v;
    }
    return obj;
  }
  cMapToObj(myMap)
  //（4）对象转为Map
  function objToMap(obj) {
    let strMap = new Map();
    for (let k of Object.keys(obj)) {
      strMap.set(k, obj[k]);
    }
    return strMap;
  }
  objToMap(对象)
  //(5)Map转为JSON  对象json
  JSON.stringify(cMapToObj(myMap))    // cMapToObj是上面定义的函数
  //(5)Map转为JSON  数组json
  JSON.stringify([...myMap])
  //（6）JSON转为Map
  objToMap(JSON.parse( json数据 ))        // objToMap是上面定义的函数

原文地址：https://www.cnblogs.com/xuzhengguo/p/12041186.html