es6中map结构循环方法
ES6中的Map结构循环方法
在ES6之前，我们常常需要使用对象来表示一些数据结构。但是，随着JavaScript的发展，Map结构被引入到了ECMAScript6中，使用它来表示对象可以带来很多好处。本文将详细介绍ES6中使用Map结构的循环方法。
一、什么是Map结构
Map结构是一种以键值对为元素的集合，可以用于存储任意类型的值。Map结构可以通过set()方法设置键值对，通过get()方法获取对应的值。下面是一个简单的例子：
```
let map = new Map();
map.set('name', 'Tom');
map.set('age', 18);
console.log(map.get('name')); // Tom
console.log(map.get('age')); // 18
```
二、Map结构的循环方法
1. for...of循环
我们可以通过for...of循环遍历Map结构，它会依次返回每个键值对的键和值。例如：
```
let map = new Map([
['name', 'Tom'],
['age', 18]
]);
for(let [key, value] of map){
console.log(key + ':' + value);
}
// name:Tom
// age:18
```
2. forEach()方法
Map结构中也可以使用forEach()方法进行遍历。与数组的forEach()方法类似，它可以传入一个回调函数，函数参数分别为值、键和Map本身。例如：
```
let map = new Map([
['name', 'Tom'],
['age', 18]
]);
map.forEach(function(value, key, map){
console.log(key + ':' + value);
});
// name:Tom
// age:18
```
需要注意的是，forEach()方法执行的时候，回调函数内部的this值指向的是当前Map对象。
3. 扩展运算符
使用扩展运算符(...)可以将Map结构转化为数组，然后就可以使用数组的forEach()方法进行遍历了。例如：
```
let map = new Map([
['name', 'Tom'],
['age', 18]
]);
[...map].forEach(function([key, value]){
console.log(key + ':' + value);
});
// name:Tom
// age:18
```
三、Map结构的优点
1. 键可以是任意类型
在对象中，键只能是字符串类型。但是在Map结构中，键可以是任意类型，例如数字、对象、甚至是函数等。这给我们带来了更大的灵活性。
2. Map结构中可以直接获取长度
在对象中，要获取属性的数量需要使用Object.keys()或Object.getOwnPropertyNames()等方法。但是在Map结构中，直接使用size属性即可获取集合的长度。
3. Map结构内置迭代器
Map结构内置了迭代器相关方法，方便我们遍历集合。除了上述提到的方法，Map结构中还有一些其他的迭代器方法，如keys()、values()和entries()等。
