JavaScript学习笔记--iterable

　　遍历Array可以采用下标循环，但Map和Set并不行。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。

　　iterable有一个特征是可以通过for……of来遍历数组，它与for……in的区别是：

　　对于数组新添加成员，of并不会从原数组修改，但in会，然后长度却是原数组的长度。

　　举个栗子：

var array-in = [1,2,3];
array.name = "xiaoyu";
for (var item in array){
  alert(item);      //依次输出1  2  3  name
}
alert(array.length); //输出3   这是原数组的长度


var array-of = [1,2,3];
array.name = "xiaoyu";
for (var item in array){
  alert(item);     //输出1   2   3    没有输出name  
}
alert(array.length); //输出3

　　还有一种更便捷的方法：forEach

　　forEach() 提供一个回调函数：

var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) {
    // element: 指向当前元素的值
    // index: 指向当前索引
    // array: 指向Array对象本身
    alert(element);
});

注意，forEach()方法是ES5.1标准引入的，你需要测试浏览器是否支持。

Set与Array类似，但Set没有索引，因此回调函数的前两个参数都是元素本身：

var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
    alert(element);
});

Map的回调函数参数依次为value、key和map本身：

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
    alert(value);
});

如果对某些参数不感兴趣，由于JavaScript的函数调用不要求参数必须一致，因此可以忽略它们。例如，只需要获得Array的element：

var a = ['A', 'B', 'C'];
a.forEach(function (element) {
    alert(element);
});

 

 

　　　　　　  

转载于:https://www.cnblogs.com/abigale/p/5146437.html