js对象，键值对的集合（Hash结构），传统上只把 字符串 当做键！！！另外还有 数值，符号。
const data = {} // 定义一个对象
const oDiv = document.getElementById('box');  // 指向的就是id名<div id = 'box'></div>
data[oDiv] = 'abc'; // 获取 oDiv 作为键 并 赋值
赋完值之后，由于对象只接收 字符串 作为键名！！！
所以oDiv会自动转换：
oDiv  --->  '[object HTMLDivElement]'  // 转化成字符串
 就是因为这个原因，所以它受到了限制，所以为了解决这个问题，就出现了Map。

<script>
//Map 是一个构造函数 
     const a = new Map（）; // 实例化一个对象
     const b = {c:"hello"}; 
// 用set方法 a.set(把...作为键)
     a.set（d,'main'）; // 设置d作为a的键
// 用get方法 a.get(获取 某键的值 );  
console.log(a.get(d)); // main  -- 如果没有，则返回 undefined
</script>

<script>
// 嵌套数组
const  t = new Map ([
      ['name','唐僧'],
      ['age','20'],
      ['sex','男']
// 一些 Map 方法
实例属性 --  size set
操作方法 --  get  has delect clear
console.log(t.size); // 2   --  获取键值对的数量
console.log(t.has('name'));  // true  -- has 判断是否存在 返回true / false
console.log(t.get('name')); // 唐僧 -- 查询获取键/值对内容
t.delete('name'); // 删除一个键/值对
console.log(t.has('name')); // false 已删除 
t.clear(); // 清除所有的键/值对
那么这个以上流程是怎么来的呢 或者说底层原理是什么呢？
// 比如你定义了一个数组
const  t = new Map ([
      ['name','唐僧'],
      ['age','20'],
      ['sex','男']
const d = new Map(); // 新建一个
 // 遍历 键 值
d.forEach(
([key,value]) => d.set(key,value)
以上 就是前面Map方法的一些 底层算法逻辑
</script>

<script>
// 如果使用Set 对象 是啥样
const set1 = new Set([
         ['str',1],
         ['num',8]
const s = new Map(set1);
console.log(s.get('str')); // 1
const b = new Map([['bar',4]]); // 不管里面是多少个键值对都要用[]括起来
const c = new Map(b);
console.log(c.get('bar')); // 4
此例子分别用了 Set 和 Map对象 当做Map构造函数的参数，结果都生成了新的 Map对象。
</script>

<script>
// set() 方法 返回实例化对象，所以可以把多个操作连缀起来，包括初始化声明：
const a = new Map().set('aa',56);
a.set('a',1).set('a',2).set('c',3).set('b',4);
console.log(a.get('a')); // 2  -- 如果重复给键名赋值，那么后面的会覆盖前面的
</script>

const a = new Map();
a.set(['aa'],200); // 地址不一样
console.log(a.get['aa']); // undefined

set 方法设置键名key，对应的键值为value，然后返回整个Map结构
如果key 已经有值了，那么键值会被更新 ，否则生成新的键
const a = new Map();
a.set('aa',5); // 键 ，字符串
a.set('bb',6);  // 键 ，字符串
a.set(123,'cc'); // 键 ，数值
a.set(undefined,'dd');  // undefined

链式结构：
const a = new Map().set('aa',5).set('bb',6).set(123,'cc').set(undefined,'dd');

const set1 = new Set([
         ['key1','val1'],
         ['key2','val2']，
         ['key3','val3'],
         ['key4','val4']
console.log(set1.entries === set1[Symbol.iterator]); // true
for(let p of set1.entries()){
alert(p);
//  [key1,val1]
//  [key2,val2]
//  [key3,val3]
//  [key4,val4]
for(let p of set1[Symbol.iterator]()){
alert(p);
//  [key1,val1]
//  [key2,val2]
//  [key3,val3]
//  [key4,val4]

const set1 = new Set([
         ['key1','val1'],
         ['key2','val2']，
         ['key3','val3'],
         ['key4','val4']
console.log([...set1]);
// [key1,val1],[key2,val2]，[key3,val3],[key4,val4]

const set1 = new Set([
         ['key1','val1'],
         ['key2','val2']，
         ['key3','val3'],
         ['key4','val4']
// keys
for(let p of set1.keys()){
alert(p);
//  key1
//  key2
//  key3
//  key4
// values
for(let p of set1.values()){
alert(p);
//  val1
//  val2
//  val3
//  val4