zoukankan      html  css  js  c++  java
  • ECMAscript6——iterable

    ES6标准引入了新的iterable类型,ArrayMapSet都属于iterable类型。
    1.for of循环  具有iterable类型的集合可以通过新的for ... of循环来遍历 。
      
    var a = ['A', 'B', 'C'];
    a.name = 'Hello';
    for (var x of a) {
        alert(x); 'A', 'B', 'C'
    }
    for ... of循环和for ... in循环有何区别
       
    for ... in循环由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性(for in循环把name包括在内,但Array的length属性却不包含在内;)
    for .. of循环他只循环集合本身元素,返回的是数组内的键值对而不是属性。
    var a = ['A', 'B', 'C'];
    a.name = 'Hello';
    for (var x in a) {
        alert(x); // '0', '1', '2', 'name'
    }
     
    然而,更好的方式是直接使用iterable内置的forEach方法,它接收一个函数,每次迭代就自动回调该函数。以Array为例:
     
    var a = ['A', 'B', 'C'];
    a.forEach(function (element, index, array) {
        // element: 指向当前元素的值
        // index: 指向当前索引
        // array: 指向Array对象本身
        alert(element);
    });
    SetArray类似,但Set没有索引,因此回调函数的前两个参数都是元素本身:
     
    var s = new Set(['A', 'B', 'C']);
    s.forEach(function (element, sameElement, set) {
        alert(element);
    });
    Map的回调函数参数依次为valuekeymap本身:
     
    var a = ['A', 'B', 'C'];
    a.forEach(function (element) {
        alert(element);
    });
    如果对某些参数不感兴趣,由于JavaScript的函数调用不要求参数必须一致,因此可以忽略它们。例如,只需要获得Arrayelement
     
    var a = ['A', 'B', 'C'];
    a.forEach(function (element) {
        alert(element);
    });
  • 相关阅读:
    好尚不可为,其况恶乎(转)
    getResource(String name)用法及源码分析
    怎样从ext3升级到ext4?
    Java设计模式之适配器模式(Adapter Pattern)
    javascript实现图片无缝滚动(scrollLeft的使用方法介绍)
    PowerDesigner使用教程
    python 多线程编程
    java中接口的定义与实现
    Java调用cmd命令 打开一个站点
    C#中MessageBox使用方法大全(附效果图)
  • 原文地址:https://www.cnblogs.com/chanmian/p/5850064.html
Copyright © 2011-2022 走看看