iterable


iterable类型:Array Map Set


遍历Array可以采用下标循环,遍历MapSet无法使用下标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);
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的itera...
    越IT阅读 3,655评论 0 0
  • 遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的itera...
    八宝君阅读 1,891评论 0 1
  • 遍历 Array 可以采用下标循环,遍历 Map 和 Set 就无法使用下标。为了统一集合类型,ES6 标准引入了...
    SingleDiego阅读 4,661评论 0 0
  • 又到了一年一度的高考,一年一度,多么老套俗调的词语。虽然很多人对这个词语没什么特别的感觉,但是,它对我意味着一次失...
    马小李23阅读 4,237评论 0 0
  • 1. 真正的勤奋,不但要付出很多努力,还要付出很多思考。要去发现事物背后的规律,以此来指导自己在做的事情,每天进步...
    吕姜瑶阅读 1,092评论 0 1