遍历与迭代器

# 如何使用 map,for in ,for of ,for each 

## 到处都用到遍历，遍历也到处滥用，对遍历一定要有自己的认知与深刻理解，才能有效的完成代码和避免bug(理解迭代器)

首先我们需要了解什么是迭代器：（对象在容器中的游标或者说地址，以用来支撑foreach迭代）

1.底层循环
```jsx
for (var index = 0; index < myArray.length; index++) {console.log(myArray[index])
```
2.forEach方法（你不能使用break语句中断循环，也不能使用return语句返回到外层函数。）
```jsx
myArray.forEach(function (value) {console.log(value);}
```
3.for in方法（在这段代码中，赋给index的值不是实际的数字，而是字符串“0”、“1”、“2”，此时很可能在无意之间进行字符串算数计算，例如：“2” + 1 == “21”，这给编码过程带来极大的不便。作用于数组的for-in循环体除了遍历数组元素外，还会遍历自定义属性。举个例子，如果你的数组中有
一个可枚举属性myArray.name，循环将额外执行一次，遍历到名为“name”的索引。就连数组原型链上的属性都能被访问到。最让人震惊的是，在某些情况下，这段代码可能按照随机顺序遍历数组元素。简而言之，for-in是为普通对象设计的，你可以遍历得到字符串类型的键，因此不适用于数组遍历。）
```
for (var index in myArray) { // 千万别这样做console.log(myArray[index])
```

4.for of循环（这是最简洁、最直接的遍历数组元素的语法这个方法避开了for-in循环的所有缺陷与forEach()不同的是，它可以正确响应break、continue和return）
```jsx
for (var value of myArray) {console.log(value)
```

总结：对于数组 使用简单for 或者 for of （当然，别忘了Array的一些封装方法，在上一篇如何使用条件语句时谈过）
   对象则皆可（考虑键值的问题），其次，了解一下Map和Set对象