iterable

---

iterable类型：Array Map Set

---

遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。iterable可以通过新的for ... of循环来遍历：

var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { // 遍历Array
    alert(x);
}
for (var x of s) { // 遍历Set
    alert(x);
}
for (var x of m) { // 遍历Map
    alert(x[0] + '=' + x[1]);
}

---

for ... of循环和for ... in循环区别:

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x in a) {
    alert(x); // '0', '1', '2', 'name'
}//额外的属性也被遍历进来了

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x of a) {
    alert(x); // 'A', 'B', 'C'
}//额外的属性没有被遍历进来

---

应该使用forEach()来循环：(ES5.1标准引入)

var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) {
    // element: 指向当前元素的值
    // index: 指向当前索引
    // array: 指向Array对象本身
    // 回调函数传入一个参数的时候，对应element。(因为element是主要信息(๑￣ ̫ ￣๑))
    // 回调函数传入两个参数的时候，对应element，index
    alert(element);
});

var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
    // element: 指向当前元素的值
    // set: 指向Set对象本身
    // 回调函数传入一个参数的时候，对应element
    // 回调函数传入两个参数的时候，对应element，sameElement
    alert(element);
});

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
    // value: 指向当前元素的value
    // key: 指向当前key(相当于“索引”)
    // map: 指向Map对象本身
    // 回调函数传入一个参数的时候，对应value
    // 回调函数传入两个参数的时候，对应value, key
    alert(value);
});