ES6中遍历Set和Map数据结构的方法

---

一、Set

keys方法、values方法、entries方法返回的都是遍历器对象

1.forEach

Set 结构的实例与数组一样，也拥有forEach方法，用于对每个成员执行某种操作，没有返回值。

let set=new Set([1,2,3,4,5]);
set.forEach((key,value)=>{
  console.log(key+':'+value);
})
//1:1
//2:2
//3:3
//4:4
//5:5

2.keys

keys返回的对象：[Set Iterator] { 1, 2, 3, 4, 5 }
keys返回的遍历器，或者说迭代器，它提供了一个next方法，调用返回一个包含两个属性的对象，分别是value和done,value表示当前位置的值，done表示是否迭代完。当done的值为false时，继续调用next()就可以访问下一个值。我们可以利用这个方法来遍历Set结构的值。

let set=new Set([1,2,3,4,5]);
let obj=set.keys();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//1
//2
//3
//4
//5

3.values

由于Set结构没有键名只有键值，或者说键名和键值是同一个值，所以keys方法和values方法的行为完全一致。

let set=new Set([1,2,3,4,5]);
let obj=set.values();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//1
//2
//3
//4
//5

4.entries

entries方法返回的遍历器，同时包括键名和键值，所以每次输出一个数组，它的两个成员完全相等。

let set=new Set([1,2,3,4,5]);
let obj=set.entries();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//[ 1, 1 ]
//[ 2, 2 ]
//[ 3, 3 ]
//[ 4, 4 ]
//[ 5, 5 ]

二、Map

需要特别注意的是，Map 的遍历顺序就是插入顺序。

1.forEach

Map 有一个forEach方法，与数组的forEach方法类似，可以实现遍历。

let map=new Map([
  ['name','curry'],
  ['age',20]
]);
map.forEach((value,key)=>{
  console.log(key+':'+value);
})
//name:curry
//age:20

2.keys

遍历Map结构的键名，和Set的不一样了。

let map=new Map([
  ['name','curry'],
  ['age',20]
]);
let obj=map.keys();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//name
//age

3.values

遍历Map结构的键值。

let map=new Map([
  ['name','curry'],
  ['age',20]
]);
let obj=map.values();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//curry
//20

4.entries

遍历Map结构的键值对。

let map=new Map([
    ['name','curry'],
    ['age',20]
  ]);
  let obj=map.entries();
  let item;
  while(!(item=obj.next()).done){
    console.log(item.value);
  }
//[ 'name', 'curry' ]
//[ 'age', 20 ]