そろそろjQuery卒業するためにeach/SelectorをDOMで使う事から始める

このあいだHTMLのソースを見たらバージョン違いのjQueryが３つも入ってて閉口したtakuyaです。今日は。

jquery便利なんだし、クロスブラウザもできるので楽ちんだけど。
jQueryやプラグインが何個もscript 指定されてるのを見てもう嫌だと思った。

htmlの書き換えとかならjQuery使わないでもダイジョブだよ
配列にeachするくらいならforEach使えば大丈夫

jQueryにはmap/eachでArray#map がなくても安心できた。

jQuery.map([1,2,3,4,5], function(e){ return 2*e-1}) #=> [1,3,5,7,9]

そもそも jQuery#map が知られてないので辛い所ある。

もちろん、これらはArray.forEach, Array.map で代替できる

> [1,2,3,4,5].map( function(e){ return 2*e-1}) #=>[ 1, 3, 5, 7, 9 ]

いまどき for 使ってるプログラマはどうぞ消えて、、、
せめて無理ならまずはjQuery.each だけでも・・・
for each/ for .. in / for .. of / for comprehension に切り替えてくれたら

element = document.querySelector( selectors );

querySelectorAllの戻り値はnullは NodeListになる。

NodelistはNodelistなのでArrayと同じようにIndexアクセスきるが、forEachはない。

ret = document.querySelectorAll("a");
ret[0]
ret.forEach #=> undefined

a = Array.apply(null, ret)

ret.forEach = Array.prototype.forEach
ret.forEach(function(entry, index) { console.log(entry) } )

Node.appendChildを使う。

attr()の代替

Node.attributes
a.href
a["href"]
a.classlist

など。

Deffered便利なんだから最終的にはjqueryに帰ってくる。でも不要なjqueryのインクルードは避けたいところ。

それマグで！