• <tbody id="mx1tb"></tbody>
    <rp id="mx1tb"></rp>
  • <rp id="mx1tb"></rp>

    <th id="mx1tb"><p id="mx1tb"></p></th>
    <dd id="mx1tb"></dd>

    <th id="mx1tb"><pre id="mx1tb"></pre></th>
    <th id="mx1tb"></th>

    <span id="mx1tb"></span>
    <th id="mx1tb"><pre id="mx1tb"><sup id="mx1tb"></sup></pre></th>
    设为首页 - 加入收藏 湛江站长网 (http://www.morinnbuzz.com)- 中小站长们必上的网站 - 聚焦湛江站长前沿资讯!
    热搜: 网站 站长之家 什么 平台
    当前位置: 首页 > 创业 > 正文

    Extjs中的迭代方法

    发布时间:2018-10-19 22:14 所属栏目:[创业] 来源:站长网
    导读:EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using

    EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each:

    Ext.each

    为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式

    var people = ['Bill', 'Saul', 'Gaius'];
    
    //using each to detect Cylons:
    Ext.each(people, function (person, index)
    {
        var cylon = (index + 1) % 2 == 0; //every second man is a toaster
        alert(person + (cylon ? ' is ' : ' is not ') + 'a fraking cylon');
    });
    
    //is the same as
    for (var i = 0; i < people.length; i++)
    {
        var person = people[i];
        var cylon = (index + 1) % 2 == 0; //every second man is a toaster
    
        alert(person + (cylon ? ' is ' : ' is not ') + 'a frakin cylon');
    };

    Ext.iterate Ext.iterate 与 Ext.each 类似针对非数组对象. 通常用在for-in 循环中:
    var ships = { 'Bill': 'Galactica', 'Laura': 'Colonial One' };
    
    Ext.iterate(ships, function (key, value)
    {
        alert(key + "'s ship is the " + value);
    });
    
    //is the same as
    for (key in ships)
    {
        var value = ships[key];
        alert(key + "'s ship is the " + value);
    }

    用Ext.iterate在数组上,与Ext.each完全相同。
    each和iterate方法都有第三个可选参数scope。
    另一个有用的技巧是你可以更方便的重用相同的方法:

    var myFunction = function (item, index)
    {
        //does some clever thing
    }
    
    Ext.each(people, myFunction);
    Ext.each(['another', 'array'], myFunction);

    Ext.pluck (4.0.0之后过时) Ext.pluck从对象数组捕获特定的属性
    var animals = [
      { name: 'Ed', species: 'Unknown' },
      { name: 'Bumble', species: 'Cat' },
      { name: 'Triumph', species: 'Insult Dog' }
    ];
    
    Ext.pluck(animals, 'species'); //returns ['Unknown', 'Cat', 'Insult Dog']
    Ext.pluck(animals, 'name'); //returns ['Ed', 'Bumble', 'Triumph']
    

    此方法自4.0.0不建议使用,请用Ext.Array.pluck代替.

    Ext.invoke

    (4.0.0之后过时)数组中所有成员调用同一个方法,并返回结果,使用用上例animals:

    var describeAnimal = function (animal)
    {
        return String.format("{0} is a {1}", animal.name, animal.species);
    }
    
    var describedAnimals = Ext.invoke(animals, describeAnimal);
    console.log(describedAnimals); // ['Ed is a Unknown', 'Bumble is a Cat', 'Triumph is a Insult Dog'];
    

    Ext.invoke与Ruby的集合方法类似,使得更容易转换数组,任何增加的参数都可通过Ext.invoke传递。
    此方法自4.0.0不建议使用,4.X系列版本后将被移除。

    Ext.Partition

    Ext.Partition将数组拆分成两部分。

    var trees = [
      { name: 'Oak', height: 20 },
      { name: 'Willow', height: 10 },
      { name: 'Cactus', height: 5 }
    ];
    
    var isTall = function (tree) { return tree.height > 15 };
    
    Ext.partition(trees, isTall);
    
    //returns:
    [
      [{ name: 'Oak', height: 20}],
      [{ name: 'Willow', height: 10 }, { name: 'Cactus', height: 5}]
    ]

    此方法自4.0.0不建议使用,4.X系列版本后将被移除。

    数学方法
    var numbers = [1, 2, 3, 4, 5];
    Ext.min(numbers); //1
    Ext.max(numbers); //5
    Ext.sum(numbers); //15
    Ext.mean(numbers); //3
    

    原文地址:Ext JS iterator functions

    【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

    网友评论
    推荐文章
    金亚洲代理