遍历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);
});