DOM配列を回すのが億劫だった歴史(思い出補正)

jQueryのループは便利ですね

$('a').each(function(){
　//thisで処理
})

旧来

こうやってた

class名なんて使わせてもらえない

 var dom = document.getElementsByTagName('a');
 for(var i=0, len=dom.length; i<len; i++){
  //dom[i].hogehoge.fugafuga;
 }

querySelectorAllが登場した

class指定とか簡単に

 var dom = document.querySelectorAll(selector);
 for(var i=0, len=dom.length; i<len; i++){
  //dom[i].hogehoge.fugafuga;
 }

結局for文がめんどくさかった

Array.forEachが登場した(あったの知らなかった)

しかし、DOM配列は普通の配列ではないので、無理やりやった

Array.prototype.forEach.call(document.querySelectorAll('a'),function(el,i,arr){
 //el.hogehoge.fugafuga;
});

なんか省略できる
jQuery不在時には今でも活躍

[].forEach.call(document.querySelectorAll('a'),function(el,i,arr){
 //el.hogehoge.fugafuga;
});