JavaScript奇技淫巧之遍历数组

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

view sourceprint?
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++]依然是一个普通对象取属性操作而已,试试看

view sourceprint?
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 sourceprint?
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是字符串类型的。如下:

view sourceprint?
1 for(var atr in ary) {

2 console.log(atr + ":" + typeof atr);

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

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

view sourceprint?1 var obj = {};

2 obj.11 = 11; // 非法

3 obj['11'] = 11; // 合法

[color=red]
警示:这个for循环的缺陷是当数组元素是null,undefined,0,false等时会造成循环终止。要很清楚了解数组内存放的元素,否则会埋下BUG的伏笔[/color]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值