Ext.each的用法

本文导读：Ext.each方法表示迭代一个数组，数组中每个成员都将调用一次所传函数，直到函数返回false才停止执行。如果传递的数组并非一个真正的数组，所传递的函数只调用它一次。（如果不是数组，就将该“数组”放入一个[]中，而且会返回一个隐藏的int参数，代表为该array调用function的次数。)
语法：

each( Array/NodeList/Mixed array, Function fn, Object scope)

Ext.each 的用法与 JQuery.each 类似，不同之处在于Ext.each的第三个参数可以指定回调函数的执行上下文。

Extjs中对Ext.each的定义的源码：

JScript 代码 复制

each : function(array, fn, scope){




if(Ext.isEmpty(array, true)){




return;




}




if(!Ext.isIterable(array) || Ext.isPrimitive(array)){




array = [array];




}




for(var i = 0, len = array.length; i < len; i++){




if(fn.call(scope || array[i], array[i], i, array) === false){//3等号




return i;




};




}




}

关于 Ext.each的几个实例：

JScript 代码 复制

var people = ['Bill', 'Saul', 'Gaius'];








//using each to detect Cylons:




var f=function (person, index)




{




var cylon = (index + 1) % 2 == 0; //every second man is a toaster




alert(person + (cylon ? ' is ' : ' is not ') + 'a fraking cylon');




}




Ext.each(people,f);

JScript 代码 复制

//JS数组




Ext.each([1,0,3,4,5,6,8],function(item){alert(item)});






//JS数组里JSON对象


Ext.each([{name:"cola",age:27},{name:"moka",age:28}],function(item){alert(item.name)});

在项目中会用到ext each。在网上看过一些总结过后自己也想谈一谈each的理解。

书上给出的例子一般如下：

例1：Ext.each([1,0,3,4,5,6,8],function(item){alert(item)});很显示对每个数据进行迭代,依次弹数数据.

例2：Ext.each([{name:"cola",age:27},{name:"moka",age:28}],function(item){alert(item.name)});

EXt3.0文档

each( Array/NodeList/Mixed array, Function fn, Object scope) 迭代一个数组，数组中每个成员都将调用一次所传函数，直到函数返回fals... 迭代一个数组，数组中每个成员都将调用一次所传函数，直到函数返回false才停止执行。如果传递的数组并非一个真正的数组，所传递的函数只调用它一次。（译注：如果不是数组，就将该“数组”放入一个[]中，而且会返回一个隐藏的int参数，代表为该array调用function的次数。） scope：表示each的作用域，默认的应该是第一个参数的变量。

each( Array/NodeList/Mixed array, Function fn（item，index）{

// 里面为function里面执行的代码。item代表的是前面的所要迭代的数组的每一个元素，如果数据用json传递过来的话也是JSONArray形式的，item代表的是每一个json对象。如例2所示


//index则是默认从0开始的item数组的索引位置。

})