Mozilla 的标准说 getElementsByTagName 和 getElementsByClassName 返回的都是 NodeList, 但是前者可以用 for-in 遍历后者却不行, 这是为什么呢?

[alexrezit]

ref: https://developer.mozilla.org/en-US/docs/DOM/NodeList

后者只能用 for loop 或者 forEach.

[NemoAlex]

都是不可以用 for in 来遍历的

[est]

for in 就不是用来遍历list的。。。是用来便利object的

[alexrezit]

@NemoAlex
试了一下果然是我搞错了. 谢谢.
@est
我太菜了... > <

附上找到的性能对比图:

[NemoAlex]

@alexrezit 前端的话，其实不太需要关注性能，各种浏览器内核做的优化都不同
一般大多数人是用 for 循环：
for (var i=0; i < Things.length; i++) { Things[i] };
也有人喜欢反过来遍历：
for (var i = Things.length - 1; i >= 0; i--) { Things[i] };
当然 forEach 是最方便的：
Things.forEach(function(thing){ thing });
这个在低版本浏览器上会有问题，一般前端框架会解决
所以如果是用框架的话，就放心大胆地用 forEach 吧

[alexrezit]

@NemoAlex
这个... 浏览器版本啥的还真不用担心. 我这水平也做不了前端, 偶尔写写 Safari 插件给自己用.

[cyberscorpio]

@NemoAlex

forEach 在 firefox 上比自己 for () 遍历要慢一个数量级……

[limon]

经验是但凡能用for，尽量用for

[toothpaste]

以前我以为for in 与 for 是一样的,就贪图方便一直用for in,就一直拿到奇怪的东西...

[leohxj]

@alexrezit 你这性能对比，是怎么做的？

[alexrezit]

@leohxj
搜索出来的... = =
我可没耐心搞那么多个系统那么多个浏览器做测试.

[leohxj]

@alexrezit :) 善用搜索，也是好技能。