首页 > 编程语言 > 详细

JavaScript学习笔记--iterable

时间:2016-01-20 20:58:52      阅读:109      评论:0      收藏:0      [点我收藏+]

  遍历Array可以采用下标循环,但MapSet并不行。为了统一集合类型,ES6标准引入了新的iterable类型,ArrayMapSet都属于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标准引入的,你需要测试浏览器是否支持。

SetArray类似,但Set没有索引,因此回调函数的前两个参数都是元素本身:


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

Map的回调函数参数依次为valuekeymap本身:


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

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


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

 


 

        

JavaScript学习笔记--iterable

原文:http://www.cnblogs.com/abigale/p/5146437.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!