JavaScript奇淫技巧之遍历数组-优快云博客

本文介绍了一种使用JavaScript遍历数组的特殊技巧，并探讨了这种技巧背后的原理，包括数组对象的特性、索引方法的效率及中括号[]取值方式的内部实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

正常的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;` `// 合法`