JS学习-iterable

1.1 iterable字面意思：可迭代的，可重复的
iterable是ES6标准引入的新的类型。而Array、Map和Set都属于iterable类型
1.2 为什么加入iterable类型？

• 遍历array可以采用下标循环，遍历Map和Set无法使用下标。集合类型不统一。
• 对于array类型的for...in循环，当添加额外的属性后，会有意外效果。因此统一集合类型iterable中的 for...of循环

/*1. for ... in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。2. for ... in循环将把name包括在内，但Array的length属性却不包括在内。*/var a = ['A', 'B', 'C'];a.name = 'Hello';for (var x in a) {    alert(x); // '0', '1', '2', 'name'}

1.3 iterable的forEach()方法
它接收一个函数，每次迭代就自动回调该函数

//Arrayvar a = ['A', 'B', 'C'];a.forEach(function (element, index, array) {    // element: 指向当前元素的值    // index: 指向当前索引    // array: 指向Array对象本身    alert(element);});//Setvar s = new Set(['A', 'B', 'C']);s.forEach(function (element, sameElement, set) {    alert(element);});//Mapvar m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);m.forEach(function (value, key, map) {    alert(value);});