博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
cocos2d JS-(JavaScript) cc.each循环遍历对象
阅读量:6578 次
发布时间:2019-06-24

本文共 1704 字,大约阅读时间需要 5 分钟。

 有了它,妈妈再也不用担心我的数组会越界啦!!

each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等

在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
下面提一下each的几种常用的用法

  

each处理一维数组
 
1  var arr1 = [ "aaa", "bbb", "ccc" ];      2   cc.each(arr1, function(i,val){      3       alert(i);   4       alert(val);5   });   6 alert(i)将输出0,1,27 alert(val)将输出aaa,bbb,ccc8

 

 

each处理二维数组  
1   var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]       2   cc.each(arr, function(i, item){       3       alert(i);    4       alert(item);       5   });   6 arr2为一个二维数组,item相当于取这二维数组中的每一个数组。 7 item[0]相对于取每一个一维数组里的第一个值    8 alert(i)将输出为0,1,2,因为这二维数组含有3个数组元素 9 alert(item)将输出为  ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']10

 

对此二位数组的处理稍作变更之后

 

1  var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]       2    cc.each(arr, function(i, item){       3         cc.each(item,function(j,val){ 4             alert(j); 5             alert(val); 6      });  7 });     8  alert(j)将输出为0,1,2,0,1,2,0,1,2 9 10  alert(val)将输出为a,aa,aaa,b,bb,bbb,c,cc,ccc

 

 

 

 each处理json数据,这个each就有更厉害了,能循环每一个属性     

  
1  var obj = { one:1, two:2, three:3};      2    cc.each(obj, function(key, val) {      3         alert(key);   4         alert(val);      5    });

 

这里alert(key)将输出one two three
alert(val)将输出one,1,two,2,three,3
这边为何key不是数字而是属性呢,因为json格式内是一组无序的属性
-值,既然无序,又何来数字呢。
而这个val等同于obj[key]

 

jquery会自动根据传入的元素进行判断,然后在根据判断结果采取apply还是call方法的处理。在fn的实现中,可以直接采用this指针引用数组或是对象的子元素。

 

1.obj对象是数组

each方法会对数组中子元素的逐个进行fn函数调用,直至调用某个子元素返回的结果为false为止,也就是说,我们可以在提供的fn函数进行处理,使之满足一定条件后就退出each方法调用。当each方法提供了arg参数时,fn函数调用传入的参数为arg,否则为:子元素索引,子元素本身

2.obj 对象不是数组

该方法同1的最大区别是:fn方法会被逐次不考虑返回值的进行进行。换句话说,obj对象的所有属性都会被fn方法进行调用,即使fn函数返回false。调用传入的参数同1类似。
 

 

转载地址:http://weyno.baihongyu.com/

你可能感兴趣的文章
“小候鸟”返乡过年 无人陪伴儿童出行迎高峰
查看>>
2019年福彩新春贺词
查看>>
阿里云成中国唯一一家进入Forrester大数据服务榜单的科技公司
查看>>
深度预警:深入理解HBase的系统架构
查看>>
从 Java 到 Scala(一):面向对象谈起
查看>>
JSP第六篇【自定义标签之传统标签】
查看>>
Weex 事件传递的那些事儿
查看>>
Android性能优化:关于 内存泄露 的知识都在这里了!
查看>>
【备战春招/秋招系列】美团面经总结基础篇 (附详解答案)
查看>>
Rokid(全栈语音智能开发套件)开箱记
查看>>
Leetcode 215 First K Largest Element
查看>>
百度啊,你是新年第一惨
查看>>
TensorFlow发布重要更新AutoGraph
查看>>
区块链浅析
查看>>
vux 60秒倒计时
查看>>
[译] 程序员开会的代价
查看>>
should.js源码分析与学习
查看>>
千万级调用量微服务架构实践
查看>>
顶尖架构师与普通程序员最大的5个区别!
查看>>
从JDK角度看对象克隆
查看>>