Iteracja po NodeList Opcje

[tadeurz]

Jak wiadomo .getElementsByClassName czy querySelectorAll zwracają nam coś co nazywa się [object NodeList].

Jak zabrać się za iterację czegoś takiego ? forEach() odpada więc standardowo for() ?

[Crozin]

[JAVASCRIPT] pobierz, plaintext 
var rs = document.querySelectorAll("...");
 
for (var i = 0; i < rs.length; i++) {
  console.log(rs[i]);
}
[JAVASCRIPT] pobierz, plaintext 

?

Ten post edytował Crozin 4.08.2013, 18:35:17

[tadeurz]

Yep, I know that (IMG:style_emoticons/default/biggrin.gif)
Zapomniałem o tym temacie bo problem już rozwiązałem.

Pobieranie node z DOM jest dość częstym zabiegiem, a co za tym idzie iteracja po takim czymś powinna być jakoś uproszczona.
Dla tablic mamy array.ForEach(function(el){ ... }); Tutaj to nie zadziała bo jak wspomniałem otrzymujemy [object NodeList] a nie [array].

Oczywiście gdybym poszukał wcześnie w Google zamiast zakładać temat znalazłbym takie rozwiązanie:

[PHP] pobierz, plaintext 
function $_array(nodeList){ return Array.prototype.slice.call(nodeList); } //to jest klucz "konwertuje" [object NodeList] na [array]
 
var menu = $_array(document.querySelectorAll("..."));
  menu.forEach(function(elm){
    ...
    ...
  });
 
[PHP] pobierz, plaintext 

Potem zastanowiła mnie optymalność takiego rozwiązania. Wujek google znowu mi pomógł i znalazłem: http://jsperf.com/array-foreach-vs-for-loop
Z tego jasno wynika, for() jest najlepszy technicznie. A forEach wygodny (zależy dla kogo).