当前位置: 代码迷 >> JavaScript >> JavaScript奇淫技能之遍历数组
  详细解决方案

JavaScript奇淫技能之遍历数组

热度:90   发布时间:2012-10-19 16:53:36.0
JavaScript奇淫技巧之遍历数组

正常的for循环就不提了,直接进入正题。如下:


1 //示例1
2 for ( var i=0,a;a=[ "jack" , "tom" , "lily" , "andy" ][i++];){
3 ???? console.log(a);
4 }
5 //示例2
6 var ary = [ "jack" , "tom" , "lily" , "andy" ];
7 for ( var i=0,a;a=ary[i++];){
8 ???? console.log(a);
9 }

从Firebug控制台能看到依次输出jack ,tom ,lily ,andy。这里有个问题,示例1不知是否会每次都产生一个数组对象实例,如果是,数组很大时可能会有性能问题?。


这个技巧关键是这句

a = ary[i++];

JS中数组实际上也是一个普通的Object。属于索引数组且并非“连续分配”内存的,因此索引方法并不会带来很高的效率。
见 索引数组、关联数组和静态数组、动态数组

中括号[i++]依然是一个普通对象取属性操作而已,试试看


1 var ary = [ "jack" , "tom" , "lily" , "andy" ];
2 for ( var a in ary) {
3 ???? console.log(a);
4 }

Firebug控制台输出0,1,2,3。证明了0,1,2,3的确是数组ary的属性。

既然是ary的属性,那么是否可以通过点运算符(.)来存取呢?试试看

view source print ?
1 for ( var j=0;j<ary.length;j++) {
2 ??? console.log(ary.j); //undefined
3 }


为什么示例1,2中用中括号[]存取就可以了呢?因为中括号ary[0],ary[1],ary[2],ary[3]里的0,1,2,3是字符串类型的。如下:


1 for ( var atr in ary) {
2 ???? console.log(atr + ":" + typeof atr);
3 }

输出如下:
0:string
1:string
2:string
3:string

鲜为人知的是用中括号[]存取时,JS引擎内部隐式的将数字转成了字符串。 而作为[]存取时属性可以不遵循JS标识符规则(纯数字不能作为变量命名)。如


1 var obj = {};
2 obj.11 = 11; // 非法
3 obj[ '11' ] = 11; // 合法
  相关解决方案