JavaScript之iterable_动力节点Java学院整理

JavaScript中的Iterable类型与遍历方式革新

在JavaScript中，遍历集合是一个常见的操作。传统的数组可以通过下标循环进行遍历，但当面对Map和Set这类集合时，下标循环便无法适用。为了解决这个问题，ES6标准引入了新的iterable类型，Array、Map和Set都属于这种类型。

Iterable类型的集合可以通过新的for...of循环进行遍历，这一语法在ES6中被引入。如果你的浏览器支持ES6，那么就可以使用这种循环方式。

让我们通过示例来展示for...of循环的使用：

```javascript

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) {

alert(x);

}

for (var x of s) {

alert(x);

}

for (var [key, value] of m) {

alert(key + '=' + value);

}

```

你可能会问，for...of循环和for..循环有什么区别呢？

for..循环由于历史遗留问题，它遍历的实际上是对象的属性名称。对于数组而言，这可能会导致一些意想不到的结果，特别是当你给数组添加了额外的属性时。

而for...of循环则修复了这些问题，它只循环集合本身的元素，不会涉及到额外的属性。这使得for...of循环在处理Array、Map和Set等集合时更加可靠和一致。

对于iterable集合，更好的遍历方式是使用内置的forEach方法。这个方法接收一个函数，每次迭代都会自动回调该函数。例如：

```javascript

var a = ['A', 'B', 'C'];

a.forEach(function (element) {

alert(element);

});

```

forEach方法是在ES5.1标准中引入的，因此你需要确保你的浏览器支持这个版本或更高的JavaScript标准。

Set和Map的forEach方法使用方式与Array类似。对于Map，回调函数的参数依次为value、key和map本身。如果你对某些参数不感兴趣，可以简单地忽略它们。例如，如果你只需要获得Array的元素，可以只写element作为回调函数参数。新的iterable类型和遍历方式使得JavaScript在处理集合时更加灵活和强大。